PDA

View Full Version : Javascript Slide Show Help



Chris W
15 Feb 2013, 04:16 PM
This is the code. I was trying to slow this down but after chaging some of the variables I didn't see any changes to the slider. Am I missing something? Any tip or help on this matter would be great. Ty

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noCo***ict();
jQuery(document).ready(function($) {
jQuery('.slideshow > :gt(0)').hide();
var slideshowInterval = window.setInterval(function() {
jQuery('.slideshow > :first-child').fadeOut(1000).next().fadeIn(1000).end().appendTo('.slideshow');
},5000);
})

</script>

<style type="text/css">
#breadcrumbs {display: none;}
.slideshow {position: relative; height: 367px; width: 960px; background: #000000; border: 1px solid #5f6062;}
.slideshow > a, .slideshow > img {position: absolute; height: 365px; width: 960px; display: block;}
</style>


<div class="slideshow">
<a href="/store/4073738/products">
<img style="margin-top: 2px;" src="/files/4073738/uploaded/winter-slide.jpg"/>
</a>
<a href="/store/4073738/trimprorotor">
<img src="/files/4073738/uploaded/rotor-slide-2.jpg"/>
</a>
<a href="/store/4073738/product/SATELLITE TRIMMER">
<img src="/files/4073738/uploaded/satellite-trimmer-slide-2.jpg"/>
</a>
<a href="/store/4073738/product/BONSAI HERO TRIMMER">
<img src="/files/4073738/uploaded/bonsai-slide-2.jpg"/>
</a>

</div>