Ok... i sorted the initial problems out, i load the css that hides the
elements using javscript:
<script type="text/javascript">
document.write('<link rel="stylesheet" media="all" type="text/css"
href="/css/no-js.css" />');
</script>
But i still think it is not dealing with the images on a per load
basis but on whole, any ideas?
On Apr 28, 1:31 am, David <davidgsw...@gmail.com> wrote:
> 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
