Hi, Sorry for the late response. For some reason I thought I had this thread tagged when someone replied.
Anyways, good news. My problem is resolved per your suggestion. I changed the container <div> to position:relative, set the dimensions, and set overflow:hiddne and whoa-la -- everything looks great Thanks for the help, Thor On Oct 20, 5:35 pm, Karl Swedberg <k...@englishrules.com> wrote: > If you have large images, they would take longer to load. No way > around that. One thing you can do to avoid having the images "span > down the page" is to add a style declaration for them in your > stylesheet: position:absolute; I believe the cycle plugin sets the > cycled elements to position:absolute as a safeguard in case it hasn't > been done in the css already, but you should really do that yourself > in the stylesheet. Also, make sure you set the container element to > position: relative (if it's position: absolute, you can keep it that > way) and set its overflow property hidden and give it explicit height > and width. You still might see images loading one after the other, but > at least they'll be overlapping, confined within the same space as > dictated by the height and width of the container element. There are > ways to get around this last issue, too, but first see how my > suggestions so far work for you. > > --Karl > > ____________ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Oct 20, 2009, at 7:38 PM, thor wrote: > > > > > Hi, > > I am looking for assistance with a loading problem and my apologies if > > this is beyond the scope of this group. > > > I am running the lastest jQuery and Jquery cycle plugin. I haven't > > done any customization per se only trying to get the two components to > > work. I am at the point where things "seem" to work, however when the > > page loads all 4 images in my DIV span down the page and then merge > > into one at the end of the page load. > > > I've seen other implementation of these 2 components but the images > > don't flash first and then merge. > > > Do you believe I need to create another function or put some more > > logic into my page to have it load correctly. My goal would be to > > have everything seemlessly loaded from the start. I've explored the > > document.ready function and believe I have it in the correct location > > of my site. No matter what though other parts of the page load > > first.... > > > I realize there are a lot of unknown variables but maybe someone has > > an idea? > > > My site is clippervacations.com and I am going to change out the > > current homepage banners with jquery functionality. Nothing is LIVE > > right now, but perhaps someone can get an idea. > > > Thanks, > > Thor
