Question

我正在使用Jquery Cycle滚动图片，我目前正在使用$（document）.ready，问题是图像是半载并且循环效果开始，

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

我应该使用$（window）.load在开始效果之前等待加载所有图像，这个问题是图像会堆叠在另一个上面。

所以请建议解决我的问题

Answer 1

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

为避免图像堆叠在另一个上面，display: none jquery循环插件会在启动时显示图像。

Answer 2

您可以使用此库来帮助您加载所有图像，然后在需要时加载它们

http://thinkpixellab.com/pxloader/

Answer 3

您还使用在加载整个内容后触发的jQuery（window）.load（）事件。

像这样使用。

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

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

});

希望对你有所帮助。

jQuery循环的$（document）.ready或$（window）.load

3 个答案: