Question

我正在使用Nivo滑块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清洁安装＆amp; Caroline的解决方案运行良好。

我保留一份经过调整的副本以供设计使用，包括任何调整（如上所述），因此无需不断更改。

保存：

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

..作为单独的文件（nivo.js）＆amp;从html文件中调用它意味着如果需要，它很容易被调整或返回到原始文件。

为了更加安心，可以定义div的高度（#slider），这样页面就不会在缓慢加载的浏览器中流行。

在加载所有图像之前启动Nivo滑块

2 个答案: