0

私はこの簡単なデモ チュートリアルに従っています: http://jquerytools.org/demos/scrollable/index.html

基本的に、私は上記のチュートリアルに従っています。このデモの問題点は、一度にすべての画像をロードしてパフォーマンスに大きな影響を与えることです。矢印をクリックするたびに一連の画像のみをロードするようにします。基本的に、ページに移動すると、最初の画像セットが最初に読み込まれます。次に、矢印の 1 つをクリックすると、次の一連の画像が読み込まれます。これにより、ページの読み込み時間が大幅に短縮されます。ajaxまたはjQueryのロードでそれを行う方法はありますか? 以下のリンクのようなものにしたいのですが、jquery ツールのスクロール可能なプラグインを使用します。

http://sorgalla.com/projects/jcarousel/examples/dynamic_ajax_php.html

4

1 に答える 1

0

コードの一部を提供していただけると助かります。ただし、表示されているドキュメントから、目的を達成するには、画像セットを個別の div に配置する必要があります

//one set
<div>
      <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
      <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
      <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
      <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
    </div>

///Next set, revealed on click
<div>
      <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
      <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
      <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
      <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
    </div>
于 2012-06-03T04:23:24.073 に答える