View Full Version : Javascript Slide Show Help

Chris W
15 Feb 2013, 05: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(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');


<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;}

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