jQuery - Noob help needed !

Crimson125

Hi All,

Total newbie here - I have a feeling this is something very simple.

Im putting together a very simple 4 image carousel.

Current working version can be seen here :
http://www.musicalcontrol.com/test/crimson/easyslides.htm

The problem should be visible once you look at that link.

First image loads perfectly. Second image flash loads directly below the first image, and then jumps straight into position. Same happens for all other subsequent transitions including on the first image the next times it comes around.

I'm using jquery easyslides from here : http://dev.daledavies.co.uk/easyslides/

Headers are :

<script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script&gt;
<script type="text/Javascript" src="js/jquery.easyslides.min.v1.1.js"></script>
<script type="text/Javascript" src="js/Example 1/example_1.js"></script>
<link rel="stylesheet" type="text/css" href="js/Example 1/styles.css" />

CSS file is pretty short :

#example_1_container {
width:980px;
height:192px;
}

#example_1_container .easy_slides_caption {
width:0px;
height:0px;
padding: 10px 0 0 10px;
}

I found something which seems to be the same problem, but using a different set of scripts:
http://dev7studios.com/forum/discussion/616/plz-help-images-jumping-positioning-out/p1


That's it really.

Anyone got any ideas on how to resolve this please ?

My head is melted and I'm at this about 3 hours now !

Thanks a million,
Al.

DonkeyStyle \o/

Add overflow: hidden; to the style for #example_1_container - fixed it in firefox anyway, don't know about the others.

Crimson125

Cheers Donkey !

That did the trick indeed ;-)