asked on

Jquery slideshow bug

Hey all
On our sitehttp://www.oxxdigital.co.uk
We have jquery at the top.
What happens is on a slow connection or if you use IE at first it loads up the images one beneath the other before actually starting the "slideshow" . The images are only 88kb on average.
Is there something I missed with the code or some way I can stop it from doing that. Maybe something I've missed?
Thanks.

Here is the embed code:

<!-- .slideshow { height: 600px; width: 245px; margin: auto } --> <!-- include jQuery library -->
<script src="http://www.oxxdigital.co.uk/javascript/jquery/plugins/jquery.cycle.min.js" type="text/javascript"></script>
<!-- include Cycle plugin -->
<script src="http://www.oxxdigital.co.uk/javascript/jquery/plugins/jquery.cycle.all.2.74.js" type="text/javascript"></script>
<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
// ]]></script>
<div class="slideshow"><img src="http://www.oxxdigital.co.uk/product_images/uploaded_images/oxxdigital_freedelivery.jpg" alt="" width="600" height="245" /> <img src="http://www.oxxdigital.co.uk/product_images/uploaded_images/oxxdigital_over10k2.jpg" alt="" width="600" height="245" /> <img src="http://www.oxxdigital.co.uk/product_images/uploaded_images/oxxdigital_over10k2a.jpg" alt="" width="600" height="245" /> <img src="http://www.oxxdigital.co.uk/product_images/uploaded_images/oxxdigital_sundaytimes.jpg" alt="" width="600" height="245" /></div>

Open in new window