How to stop jquery imageslider on mouse hover andrey понедельник, 7 апреля 2014 г. No Comment

Jake Rocheleau designed a very nice jQuery image rotators with description  plug-in.

He missed to instruct how to stop this animation. Here I got the STACKOVERFLOW post. And answered to that question.

Question: How to stop jquery imageslider on mouse hover.

Simply we need to find the correct selector. And .clearInterval() on .mouseover() event listener. Then reset the slide time in setInterval() in .mouseout() event listener.

like this below code,

$('.image_thumb ul li').on("mouseover",function(){
clearInterval
(intervalID);
});

$
('.image_thumb ul li').on("mouseout",function(){
intervalID
= setInterval(cycleImage, slidetime);
});

 Here is my STACKOVERFLOW answer post.


Jake Rocheleau designed a very nice jQuery image rotators with description  plug-in.

He missed to instruct how to stop this animation. Here I got the STACKOVERFLOW post. And answered to that question.

Question: How to stop jquery imageslider on mouse hover.

Simply we need to find the correct selector. And .clearInterval() on .mouseover() event listener. Then reset the slide time in setInterval() in .mouseout() event listener.

like this below code,

$('.image_thumb ul li').on("mouseover",function(){
clearInterval
(intervalID);
});

$
('.image_thumb ul li').on("mouseout",function(){
intervalID
= setInterval(cycleImage, slidetime);
});

 Here is my STACKOVERFLOW answer post.


by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment