Eric, thanks for the input. I think (not sure) the way i have the code done it waits for all images to load before fading them in, as opposed to fading the individual image in when loaded.
I found this: http://clagnut.com/sandbox/imagefades/ Which seems to do eveyrhing i want including the images loading quickly, but not sure how to implement it. On Apr 28, 1:05 am, Eric Garside <gars...@gmail.com> wrote: > > A) the images very quickly load then disapper. I dont want to hide the > > images in css incase people have js diasbled. > > You're out of luck, then. DOMReady will trigger after the images and > html has loaded, so unless you hide them with CSS, there's no way to > prevent the flash, afaik. > > > B) all the images load together which is making me think that i have > > something wrong somewhere. > > What do you mean, load together? Chances are, the images finish > loading during the 2 second fade in, giving the appearance they are? > Also, if you have the images cached by having visited the page before, > they should all come up within seconds of each other. > > On Apr 27, 4:18 pm, David <davidgsw...@gmail.com> wrote: > > > Hi, im a totally beginner so this may be obvious but im stuck!!! > > > I have image galleries on my site and i want the images to fade in > > after loading, at the moment i have the following script: > > > Code: > > > $(function() { > > > $("div#media-gallery ul li img").css("display","none"); > > $("div#media-gallery ul li img").fadeIn(2000); > > > }); > > > Which almost does what i want but.... > > > A) the images very quickly load then disapper. I dont want to hide the > > images in css incase people have js diasbled. > > B) all the images load together which is making me think that i have > > something wrong somewhere. > > > the markup for the div in question is: > > > Code: > > > <div id="media-gallery"> > > <h2>Media Gallery</h2> > > <ul> > > <li> > > <a href="HYPERLINK"><img src="IMG SOURCE" /></a> > > </li> > > <li> > > <a href="HYPERLINK"><img src="IMG SOURCE" /></a> > > </li> > > </ul> > > </div> > > > With HYPERLINK and IMG SOURCE being actual urls. > > > Hope someone can help me with this, i have looked around but cant find > > an answer anywhere. > > > David
