1

Jquery Cycleを使用して画像をスクロールしていますが、現在$（document）.readyを使用しています。問題は、画像が半分読み込まれ、サイクル効果が開始されることです。

$(document).ready(function(){
$('#gallery').cycle({
        fx: 'scrollLeft,scrollLeft,scrollLeft,scrollLeft' ,
        speed:  1000,
        pause:   3
         });
 });

エフェクトを開始する前にすべての画像が読み込まれるのを待つ$（window）.loadを使用する場合、これに関する問題は、画像が他の画像の上にスタックされることです。

だから親切に私の問題の解決策を提案してください

4

3 に答える 3

0 
#gallery { width: SOMEDEFAULTWIDTH; height: SOMEDEFAULTHEIGHT; } 
#gallery img { display:none; }

画像が他の画像の上に積み重ねられるのを避けるために、display: nonejquery サイクル プラグインで画像を非表示にすると、起動時に画像が表示されます。

于 2012-06-13T06:05:10.730 に答える
0

コンテンツ全体がロードされた後に発生する jQuery(window).load() イベントも使用します。

このように使用します。

jQuery(window).load(function($) {

 $('#gallery').cycle({
    fx: 'scrollLeft,scrollLeft,scrollLeft,scrollLeft' ,
    speed:  1000,
    pause:   3
     });

});

それがあなたに役立つことを願っています。

于 2013-04-05T05:38:33.790 に答える
0

このライブラリを使用して、すべての画像をロードし、必要なときにロードすることができます

http://thinkpixellab.com/pxloader/

于 2012-06-13T06:13:13.227 に答える