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 Swedberg
www.englishrules.com
www.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
