Most of the time you see some carousels that uses jQuery which have a definite set of looping. It means after you've finished in scrolling all of the carousel's content, the loop will back again to the first start.
Any wonder of how to create a carousel that works in opposite way? Here is a nice tutorial that will show you how easy to create infinite loop of carousel and also to set it with auto scrolling. The auto scroll will stop on mouse-over.
An event is made to trigger the next arrow in a state of being clicked then you need to set a timer to keep firing the new custom event.
site: http://jqueryfordesigners.com/automatic-infinite-carousel/
demo: http://jqueryfordesigners.com/demo/infinite-carousel-loop.html
Incoming search terms:
- jquery auto carousel
- auto carousel jquery
- jquery carousel loop
- jquery automatic carousel
- jquery carousel auto
- jquery automatic infinite carousel
- automatic infinite carousel
- jquery carousel automatic
- jquery infinite carousel autoscroll
- jquery looping carousel
- automatic carousel jquery
- auto carousel
Voted by:
3 Responses to “Auto-Infinite Carousel using jQuery” Leave a reply ›
cool.. awesome jquery tool
Hi,
It's very nice. Thanks for sharing it.
What if I want multiple carousels, can you explain what I have to do?
Thanks again,
PM.
Nice. My next project!