I have created 4 different jqueary slideshows spaced throughout one page, all defined by individual div id's. I sized and placed all the div's before adding the images. But it seems like every time i add images(the slides) it throws off the div placement. Maybe this is a CSS placement issue? or is it because they are listed in the html? I dont know the best way to place the code in here for review, but i have all the images listed in the html within the div that the javascript/jqueary is referencing. Could i somehow put all the slideshow images in the css? I know i can put in a single background image but what about 4 or 5, will the jqueary slideshow be able to reference them? this is how i have them listed now, but my layout keeps getting pushed around <div id="slide_a"> <img src="images/slideshow_a/bottombracket.gif" width="144" height="144" class="first"/> <img src="images/slideshow_a/joebenchgrinder.gif" width="144" height="144" class="second" /> <img src="images/slideshow_a/dogballsmall.jpg" width="144" height="144" /> <img src="images/slideshow_a/boston_a.gif" width="145" height="145" /> </div>
I got it working, it may have been due to a lack of understanding the css position property. After a lot of trial and error i set the position for all the slideshow divs to absolute and now it seems to be ok.