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 and Dreamweaver

Course Summary

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

  • +

    Course Syllabus

            Previewing the final project
            About the exercise files
        1. Creating Your Project Files
            Creating project folders
            Exporting graphics from Photoshop
            Creating the HTML, CSS, and JavaScript files
        2. Creating the HTML Markup
            Building the HTML and CSS for the outer container
            Building the HTML and CSS for the inner container
            Adding interface graphics
            Positioning elements with CSS
            Adding carousel images and captions
        3. Activating the Carousel with JavaScript
            Adding images to the carousel container
            Generating the carousel
            Adding click events to arrow graphics
            Activating the carousel callback
        4. Setting and Animating the Captions
            Setting a caption based on the child in focus
            Setting CSS styles 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