Step Carousel Effect Using JQuery

I’ve seen at least three submissions over here at CSS Vault of sites that use the “Step Carousel” effect. I did not even know what it was called until I saw this article, which outlines the steps needed to accomplish the effect using the jQuery library.

Step Carousel screenshot

The result looks very nice and the animation is very smooth. The only issue is that this tutorial takes so many steps and makes use of inline JavaScript, though I suppose they can easily be converted to DOM-based JQuery statements, separating the presentation layer from the backend.

This entry was posted on Monday, March 24th, 2008 at 4:44 am and is filed under AJAX, Animation, Cool, Effects, JavaScript, Tricks, Tutorial. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« CSS Styled Scrollbars With Mootools and JQuery
Create Nice-looking CSS Menus Quickly With IzzyMenu »

2 Responses to “Step Carousel Effect Using JQuery”

  1. patience Says:
    August 7th, 2008 at 6:36 pm

    I am trying to use this effect on a website.. It worked fine the first day (last friday) now I cannot get it to work.. the panels are stacked on top of each other… please help.

    http://www.cucad.org/main.html

  2. Dennison Uy Says:
    August 20th, 2008 at 12:55 am

    I see you got it working now so congrats!

    In the future, it would help if you can specify what kind of help you need and paste relevant code.

Leave a Reply