<script src="http://www.reenakallat.com/wp-includes/js/jquery/jquery-1.2.6.min.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[
 function slideSwitch() {     var $active = $('#slideshow DIV.active');     if ( $active.length == 0 ) $active = $('#slideshow DIV:last');     // use this to pull the divs in the order they appear in the markup     var $next =  $active.next().length ? $active.next()         : $('#slideshow DIV:first');     // uncomment below to pull the divs randomly     // var $sibs  = $active.siblings();     // var rndNum = Math.floor(Math.random() * $sibs.length );     // var $next  = $( $sibs[ rndNum ] );     $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()", 3000); });
// ]]></script>

<!-- #slideshow {     position:relative;     height:500px;     width:650px;     margin: 0 auto; } #slideshow DIV {     position:absolute;     top:0;     left:300;     z-index:8;     opacity:0.0;     height: 500px;     background-color: #FFF; } #slideshow DIV.active {     z-index:10;     opacity:1.0; } #slideshow DIV.last-active {     z-index:9; } #slideshow DIV IMG {     height: 450px;     display: block;     border: 0;     margin-bottom: 10px; } -->
<div id="slideshow">
<div class="active"><a href="#"><img class="aligncenter size-full wp-image-894" title="slideshow" src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_1m.jpg" alt="slideshow" width="650" height="600" /></a>
<!-- Caption for image 1--></div>
<div><a href="#"><img class="aligncenter size-full wp-image-896" title="slideshow" src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_2m.jpg" alt="slideshow" width="650" height="600" /></a>
<!--This will work with any markup--></div>
<div><a href="#"><img class="aligncenter size-full wp-image-897" title="slideshow" src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_3m.jpg" alt="slideshow" width="650" height="600" /></a>
<!--Swap this out for anything, links, paragraphs, whatever--></div>
<div><a href="#"><img class="aligncenter size-full wp-image-898" title="slideshow" src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_4m.jpg" alt="slideshow" width="650" height="600" /></a>
<!--Just make sure to set a background color if you use text--></div>
<div><a href="#"><img class="aligncenter size-full wp-image-899" title="slideshow" src="http://www.reenakallat.com/wp-content/uploads/2010/03/slideshow_5m.jpg" alt="slideshow" width="650" height="600" /></a>
<!--Just make sure to set a background color if you use text--></div>
</div>