Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time. A smooth sliding animation is used to transition between steps. The contents for the Step Carousel Viewer can be defined either directly inline on the page, or via Ajax and extracted from an external file instead. In both cases, the contents are simply DIVs with a shared CSS class name that wrap around each individual content.
Some highlights of this script:
*
Contents for the Step Carousel Viewer can be defined either directly inline on the page or via Ajax and extracted from an external file instead.
*
Ability to specify whether panels should wrap after reaching the two ends, or stop at the first/last panel.
*
Panel persistence supported, so the last viewed panel can be remembered and recalled within the same browser session.
*
Ability for Carousel to auto rotate as dictated by the new parameter: autostep: {enable:true, moveby:1, pause:3000} During this mode, Carousel pauses onMouseover, resumes onMouseout, and clicking Carousel halts auto rotation altogether. v1.6
*
Carousel now stops at the very last visible panel, instead of the last panel itself. In other words, no more white space at the end. v1.6
*
Option to specify two navigational images that’s automatically positioned to the left and right of the Carousel Viewer to move the panels back and forth. v1.4
Tags: Animation and Effects
