在加载所有图像之前启动 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>

更改为：

<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();   });

..作为单独的文件（nivo.js）&从 html 文件调用它意味着如果需要的话可以很容易地调整或返回到原始状态。

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