-1

I need products small images slider stop after images over in the loop,

enter image description here

1 Answer 1

1

Method 1.

In this first method the Nivo Slider starts and ends on the same image (slide 1).

enter image description here

The following javascipt code goes in your head tag, the slider has an ID of “slider“.

$(window).load(function() {
    $('#slider').nivoSlider({
        startSlide:0, //Set starting Slide (0 index)
        slideshowEnd: function(){$('#slider').data('nivo:vars').stop = true;} 
    });
});

Method 2. In this second method the Nivo Slider only plays each image once. Because of the way the slider works it always must end on slide 1. So what I did is force it to start on slide 2. So when it stops on slide 1 it has only played each image once. Put whatever image you want to be first in the slider as Slide 2. A little quirky, but hey..it works!

enter image description here

The following javascript code goes in your head tag, the slider has an ID of “slider“.

$(window).load(function() {
    $('#slider').nivoSlider({
        startSlide:1, //Set starting Slide (0 index)
        slideshowEnd: function(){$('#slider').data('nivo:vars').stop = true;} 
    });
});
9

Not the answer you're looking for? Browse other questions tagged or ask your own question.