MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Create a Rotating Carousel with jQuery

Course Summary

Shows how to implement and customize an interactive rotating carousel animation with jQuery.       

  • +

    Course Syllabus

       Previewing the final project
       About the exercise files
    1. Creating Your Project Files
       Creating project folders
       Exporting graphics from Photoshop
    2. Creating the HTML Markup
       Downloading and setting up Aptana Studio
       Creating HTML, CSS, and JavaScript files
       Building the HTML and CSS for the outer container
       Building the HTML and CSS for the inner container
       Positioning elements with CSS
       Adding carousel images and captions
    3. Activating the Carousel with JavaScript
       Adding images to the carousel container
       Creating custom buttons to control the carousel
       Detecting the carousel image in focus
    4. Setting and Animating the Captions
       Setting a caption based on the child in focus
       Creating CSS rules for the captions
       Adding animated transitions between captions
       Adding the final touches
    Where to Go from Here
       Where to go from here

Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top