» » Lynda.com - Create a Rotating Carousel with jQuery with Chris Converse



Information of news
  • Author: avelin
  • Date: 11-09-2013, 11:26
11-09-2013, 11:26

Lynda.com - Create a Rotating Carousel with jQuery with Chris Converse

Category: Tutorials

Lynda.com - Create a Rotating Carousel with jQuery with Chris Converse

Lynda.com - Create a Rotating Carousel with jQuery with Chris Converse | 221 MB
Genre: E-Learning

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.
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



Introduction 2m 30s
Previewing the final project 1m 45s
About the exercise files 45s

1. Creating Your Project Files 4m 7s
Creating project folders 42s
Exporting graphics from Photoshop 3m 25s

2. Creating the HTML Markup 18m 46s
Downloading and setting up Aptana Studio 1m 2s
Creating HTML, CSS, and javascript files 4m 5s
Building the HTML and CSS for the outer container 4m 43s
Building the HTML and CSS for the inner container 3m 54s
Positioning elements with CSS 3m 19s
Adding carousel images and captions 1m 43s

3. Activating the Carousel with javascript 11m 22s
Adding images to the carousel container 5m 41s
Creating custom buttons to control the carousel 2m 33s
Detecting the carousel image in focus 3m 8s

4. Setting and Animating the Captions 13m 10s
Setting a caption based on the child in focus 3m 21s
Creating CSS rules for the captions 2m 0s
Adding animated transitions between captions 5m 38s
Adding the final touches 2m 11s

Where to Go from Here 1m 18s
Where to go from here 1m 18s

More Info: http://anonym.to/?http://www.lynda.com /jQuery-1-5-training/Create-a-Rotating-Carousel-with-jQuery/87089-2.html

Lynda.com - Create a Rotating Carousel with jQuery with Chris Converse

(All below links are interchangable. No password)

Buy a Premium Account Uploaded or Rapidgator or Secureupload = High speed + Parallel Downloads!


uploaded


Rapidgator.net
Site BBcode/HTML Code:

Tags to an Article: Lynda, com, Create, Rotating, Carousel

Dear visitor, you went to the site as unregistered user.
We recommend you Sign up or Login to website under your name.
Information
Would you like to leave your comment? Please Login to your account to leave comments. Don't have an account? You can create a free account now.