0

jquery stepcarouselプラグインを使用しましたが、正常に動作します...しかし、プラグインで使用される画像をプリロードする方法...これを使用しています。

<div id="mygallery" class="stepcarousel">
      <div class="belt">
          <div class="panel">
            <img src="Images/img1.jpg" />
          </div>
          <div class="panel">
            <img src="Images/img2.jpg" />
          </div>
      </div>
</div>
<script type="text/javascript">

    stepcarousel.setup({
        galleryid: 'mygallery', //id of carousel DIV
        beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
        panelclass: 'panel', //class of panel DIVs each holding content
        autostep: { enable: true, moveby: 1, pause: 3000 },
        panelbehavior: { speed: 500, wraparound: false, persist: true },
        defaultbuttons: { enable: true, moveby: 1, leftnav: ['Images/lft_arrow.jpg', -5, 220], rightnav: ['Images/rit_arrow.jpg', -5, 220] },
        statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
        contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
    })

</script>

mygalleryちらつきを回避できるようにdivで使用される画像をプリロードする方法.....

4

2 に答える 2

1

あなたがこれを検討したいかどうかはわかりません。しかし、私はかつてあなたの立場にあり、＃mygalleyのもの全体を別のページに入れて、stepcarouselのajax機能から呼び出すのが最も良い方法でした。彼らは見栄えがします。それを試してみてください

しかし、再び。ロードされたときにajaxローダーとフェード画像をスムーズに表示するのはきれいだと思います。あなたはそのがらくたを考えるかもしれません。

于 2010-04-13T09:24:48.583 に答える
1

プリロードは、ユーザーのエクスペリエンスを低下させるため、多くの画像を処理する場合には適切な方法ではありません。LazyLoadingは、画像を読み込むための推奨される方法です。しかし、あなたの特定の問題については、これが役立つことを願っています。

window.loadは、すべての要素がDOMにロードされたときに発生するイベントです。以下の記事も同じフローを使用しています：http： //www.appelsiini.net/2007/6/sequentially-preloading-images

于 2010-04-13T06:49:37.920 に答える