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

【问题标题】：Getting Nivo-slider to start before all images are loaded在加载所有图像之前启动 Nivo-slider
【发布时间】：2011-07-17 22:38:01
【问题描述】：

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

唯一的问题是幻灯片在加载完所有图像之前不会播放，如果您有多个图像，这是一个大问题：http://www.marcusmcshane.com/

有谁知道如何在第一对加载后开始播放幻灯片？

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

【问题讨论】：

标签： jquery wordpress nivo-slider

【解决方案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>

【讨论】：

谢谢！虽然现在它在徽标之前加载，所以我必须研究一下......对于那些也使用插件的人，在 nivo-slider.php 第 841 行中，我只是将 jQuery(window).load(function(){ 更改为 jQuery(function(){。
然后享受每次更新一次又一次地修复这个问题。我建议使用 Royal Slider。

【解决方案2】：

这仍然与每个新的 Nivo Slider 全新安装相关，并且 Caroline 的解决方案运行良好。

我保留了一个经过调整的副本以供设计使用，其中包含任何调整（如上述），因此无需不断更改它。

保存：

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

..作为一个单独的文件 (nivo.js) 并从 html 文件中调用它意味着如果需要可以很容易地找到它来调整或返回原始文件。

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

【讨论】：