Getting Nivo-slider to start before all images are loaded

Question

I am using the Nivo-slider Wordpress plugin, and love how it looks and how easy it is for my clients to use.

The only problem is that the slideshows do not play until all the images are loaded, which is a big problem as soon as you have more than a few images: http://www.marcusmcshane.com/

Does anyone know how to make the slideshow start after the first couple have loaded?

Thanks in advance for any help you can offer.

Solution

Having had plenty of experience with Nivo Slider personally, I remember that they use $(window).load which I indeed saw you are still using too.

Change this:

<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> 

Comments

[Caroline Elisa]

Thank you! Although now it loads before the logo, so I have to look into that... For those also using the plugin, in nivo-slider.php line 841 I simply changed jQuery(window).load(function(){ to jQuery(function(){.

[Eric K]

And then enjoy fixing this again and again with every update. I would recommend using Royal Slider.