Mercurial > public > sg101
view media/js/slideshow.js @ 201:bc958bc3c6eb
Futzing with CSS side blocks
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Mon, 12 Apr 2010 02:56:31 +0000 |
parents | a5b4c5ce0658 |
children |
line wrap: on
line source
/*** Simple jQuery Slideshow Script Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :) ***/ // Modified by Brian Neal. function slideSwitch() { var $active = $('#slideshow img.active'); if ( $active.length == 0 ) $active = $('#slideshow img:last'); // use this to pull the images in the order they appear in the markup var $next = $active.next().length ? $active.next() : $('#slideshow img:first'); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); }); } $(function() { setInterval( "slideSwitch()", 5000 ); });