Web development , php , ajax , symfony, framework, zend
In: tutorial
22 Oct 2009
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
This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.
1 Response to Auto-Infinite Carousel using jQuery
Go Yankees!
February 10th, 2010 at 2:53 pm
it is called the homerun derby
the next one will be in July 2010 in LA LA Land