Jquery slideshow bug

Kevin2010
Kevin2010 used Ask the Experts™
on
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

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2016

Commented:
Here's a prototype of one of mine. Does it have the same problem?
Top Expert 2016

Commented:

Author

Commented:
That seems to work ok. Can you have so its just a slideshow and not a gallery type one with the arrows?
Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Top Expert 2016
Commented:
Yes, you can. In fact mine is a customised version of 'Noobslider' (it shows, briefly, a blank slide at the beginning of the show) but it uses JQuery
Mick BarryJava Developer
Top Expert 2010
Commented:
make the slideshow div initially hidden, and only make it visible once loaded

Author

Commented:
Hey
Thanks for that.
What would the code be for that.
Thanks.
Top Expert 2007

Commented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial