在加载所有图像之前启动Nivo-slider

Question

我使用的是Nivo-slider Wordpress插件，我喜欢它的外观以及它对我的客户的易用性。

唯一的问题是，幻灯片直到加载完所有的图片后才会播放，这是一个很大的问题，只要你有多张图片：http://www.marcusmcshane.com/

有谁知道如何让幻灯片开始后，第一对夫妇已经加载？

提前感谢您所能提供的任何帮助。

Answer 1

我个人有很多使用Nivo Slider的经验，我记得他们使用的是$(window).load，我确实看到你也在使用。

更改此设置：

<script type="text/javascript"> 
jQuery(window).load(function(){
    jQuery("#nivoslider-283").nivoSlider({
        effect:"fade",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:500,
        pauseTime:3000,
        startSlide:0,
        directionNav:false,
        directionNavHide:true,
        controlNav:false,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});
</script>

to this:

<script type="text/javascript"> 
jQuery(function(){
    jQuery("#nivoslider-283").nivoSlider({
        effect:"fade",
        slices:15,
        boxCols:8,
        boxRows:4,
        animSpeed:500,
        pauseTime:3000,
        startSlide:0,
        directionNav:false,
        directionNavHide:true,
        controlNav:false,
        keyboardNav:true,
        pauseOnHover:true,
        manualAdvance:false
    });
});
</script> 

Answer 2

这仍然与每一个新的Nivo Slider干净安装相关&卡罗琳的解决方案工作得很好。

我保留了一个调整后的副本用于设计使用，其中包含了任何调整(如上面所示)，因此无需不断更改它。

保存：

    jQuery(function(){
$('#slider').nivoSlider();   });

..as一个单独的文件(nivo.js) &从html文件中调用它意味着如果需要的话，可以很容易地调整或返回到原来的位置。

为了更加安心，定义div的高度(#slider)，这样页面就不会在加载缓慢的浏览器中弹出。