3 February 2010 0 Comments

Who needs Flash?

Who needs flash to do fancy slideshows when you have Jquery Cycle?

As their website says …

“The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.”

… and its very simple to install …

Add the javascript …

<script type=”text/javascript” src=”jquery/jquery.min.js”></script>
<script type=”text/javascript” src=”jquery/jquery.cycle.all.2.72.js”></script>

 Add the images …

<div class=”pics”>
            <img src=”images/o1.jpg” width=”200″ height=”200″ />
            <img src=”images/o2.jpg” width=”200″ height=”200″ />
            <img src=”images/o3.jpg” width=”200″ height=”200″ />
</div>

And add the jquery …

$(‘#pics’).cycle();

That’s the basic idea - view their website for more advanced features and variables.
http://malsup.com/jquery/cycle/

FacebookDiggRedditStumbleUponTechnoratiTwitterGoogleLinkedInRSS Feed

Leave a Reply