How to Create an Infinite Carousel with jQuery
jQueryforDesigners has added a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. They have published a tutorial which walk through the fundamentals of scrolling carousel, and how they have created jQuery Infinite Carousel.
The trick is building the DOM with the cloned nodes, because weâ€™ve cloned the start of the list to the end of the list, when we scroll off the last items, it looks like weâ€™ve looped back round. Once the animation completes, we change the scrollLeft position back to the real first items.
This scrollLeft isnâ€™t visible to the user since the overflow is hidden, and so it creates the effect of being infinitely sliding from left or right.
Requirements: jQuery Framework
License: License Free