004 photo rotator with jQuery Cycle View Source


show more 004 Creating a photo rotator with jQuery Cycle provides you with in-depth training on Web. Taught by Ray Villalobos as part of the View Source show less
please wait ...

004 Creating a photo rotator with jQuery Cycle

Hello! This is Ray Villalobos and welcome to View Source! In this episode we're going to build an image fader with one my favorite jQuery plug-ins jQuery Cycle. So if you're ready to stop, slide, and roll with a bit of JavaScript, then it's time to View Source. So jQuery is a JavaScript library that makes it easy to select things like you would with CSS and add animation and other methods to them. One of the beautiful things about jQuery is its ability to be extended via the use of plug-ins, and when it comes to building image rotators or sliders, I really like a project called jQuery Cycle.

A lot of plug-ins require you to issue complex commands or follow strict formatting rules for organizing your code. JQuery Cycle shines above the rest, because it's super-easy to setup. So the first thing you're going to need is a simple page structure with a series of images that have been sized to the same proportions. I am using a div class right here to make sure that I can targ...

004 Creating a photo rotator with jQuery Cycle
Video duration: 7m 2s 2h 10m Intermediate Updated May 25, 2012

Viewers:

004 Creating a photo rotator with jQuery Cycle provides you with in-depth training on Web. Taught by Ray Villalobos as part of the View Source

Subject:
Web
Software:
WordPress
Author:
please wait ...