0

私はコンテンツを含む JQuery UI Slider を使用しており、div コンテンツには多くの画像があります。スライダーは機能しますが、ページの読み込みで div 全体を読み込むため、非常に遅くなります。jquery uiスライダーをオンデマンドでロードするように設定する方法は、スクロールまたはサークルボタンをクリックしたときを意味します。

すべての画像は、img のようなフォルダーにあります。この「http://jqueryui.com/demos/slider/#side-scroll」を使用します。

4

1 に答える 1

0

ドキュメントの読み込みが完了したら、画像を読み込むことができます。

var img = $("<img />").attr('src', 'http://somedomain.com/image.jpg')
                      .load(function() {
                         if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
                             alert('broken image!');
                         } else {
                             $("#something").append(img);
                         }
                      });

ソース: jQuery で画像を非同期に読み込む

于 2011-11-24T13:10:24.893 に答える