In this course, author Chris Converse shows how to implement and customize an interactive rotating carousel animation with jQuery. The course covers preparing the carousel images and captions, creating the carousel containers with HTML and CSS, and activating the carousel with javascript. The course also explains how to add images to the carousel container, set the caption based on the image in focus, and add animated transitions between captions. Exercise files accompany the course.
Topics include:
Exporting graphics from Adobe Photoshop
Creating the HTML, CSS, and javascript files
Positioning elements with CSS
Using the Roundabout plug-in
Controlling the carousel with custom buttons
Detecting the image in focus
Adding the final touches
Topics include:
Exporting graphics from Adobe Photoshop
Creating the HTML, CSS, and javascript files
Positioning elements with CSS
Using the Roundabout plug-in
Controlling the carousel with custom buttons
Detecting the image in focus
Adding the final touches