How to make the large image slider stop advancing when hovered for the demo 3

Hi Milo I downloaded the demo3 and did what you recommend but when i hover the large image it still slider. I want to stop it and make it slide when leave the large image. Holpe this help.

Thanks Millo .

I got it. pauseOnHover not hoverOnPause.

How I add text to the large image and make it slide with large image an what function when the image slide (like before sliderchange in old version)

Hi Millo

I config following that you recommended. Everythings is ok. The image don't slide when i hover the large image but when i hover the smail imgae it not stop slide. How can I stop slide when hover the large and small images?

Thanks

Hi Millo. This is my javascript. I try to stop slide when hover the small image in the right column and the large imgae but nothing happen. Please hel me.

Nịnaslider Scrip

Thumbnail slider script:

var nsOptions =

{

sliderId: "ninja-slider",

transitionType: "fade", //"fade", "slide", "zoom", "kenburns 1.2" or "none"

autoAdvance:true,

delay: "default",

transitionSpeed: 700,

aspectRatio: "2:1",

initSliderByCallingInitFunc: false,

shuffle: false,

startSlideIndex: 0, //0-based

navigateByTap: true,

pauseOnHover: true,

keyboardNav: true,

before: function (currentIdx, nextIdx, manual) { 

if(typeof mcThumbnailSlider!="undefined" && manual !== false)

mcThumbnailSlider.display(nextIdx); },

 license: "b2e981"

};

var thumbnailSliderOptions =

{

sliderId: "thumbnail-slider",

orientation: "vertical",

thumbWidth: "140px",

thumbHeight: "70px",

showMode: 2,

autoAdvance: false,

selectable: true,

slideInterval: 3000,

transitionSpeed: 900,

shuffle: false,

startSlideIndex: 0, //0-based

pauseOnHover: true,

initSliderByCallingInitFunc: false,

rightGap: 0,

 keyboardNav: false,

mousewheelNav: true,

before: function (currentIdx, nextIdx, manual) { if (manual && typeof nslider != "undefined") nslider.displaySlide(nextIdx); },

 license: "mylicense"

};

For the current settings of demo 3 it is not possible as the large image slider is driven by the jQuery slider. We have to config it again to instead make the Ninja Slider to drive the thumbnails carousel.

Config the Ninja Slider's script:

Config the script of the jQuery Slider: