Stop the jcarousel Lite animation on mouseover?
I am trying to stop the animation of my jcarouselled item when the user is hovering over a particular开发者_开发百科 item. I am scrolling non-image content and I want to give user an opportunity to read the scrolled text.
How to do it? It is not even mentioned on the documentation.
Try this modified jCarosel Lite script
http://www.webdesignbooth.com/demo/news-ticker/jcarousellite_1.0.1c4.js
Your Modified jCarosel Lite script helped me to solve my problem also. Thanks Starx. But I was not finding the way how to use the Command as I am learner yet.
later I got that, I used on two slider on a page. They are:
<script type="text/javascript">
$(function() {
$(".scrollMore .carousel").jCarouselLite({
btnNext: ".scrollMore .next",
btnPrev: ".scrollMore .prev",
scroll: 1,
visible: 4,
mouseWheel: true,
auto: 800,
speed: 1500,
hoverPause: true,
});
$(".scrollMore .carouselClient").jCarouselLite({
btnNext: ".scrollMore .next",
btnPrev: ".scrollMore .prev",
scroll: 1,
visible: 2,
mouseWheel: true,
auto: 800,
speed: 3000,
hoverPause: true,
});
});
</script>
Thought it will help someone who using http://sorgalla.com/jcarousel/examples/
$('.jcarousel').hover(function() {
$(this).jcarouselAutoscroll('stop');
}, function() {
$(this).jcarouselAutoscroll('start');
});
精彩评论