[jQuery] How do I fade images onLoad, on the fly?
Hey guys
So I have a pretty basic portfolio site and I'd like to add some
subtle effects to it. Site is here http://www.hbeckett.com
Here is what I'm trying to do: As an image is loaded, fade it in.
Repeat for all images.
Currently I know how to fade in the entire page, and I am using this
script:
$(window).load(function () {
$("#masthead").fadeIn(1000);
$("#container").fadeIn(4000);
});
However, the above technique makes the user wait too long before
seeing any actual content, so I'd rather go with loading and fading
pieces at a time rather than the whole shebang.
All of my images are within #container. Ideally I would like to fade
in #container div once the content for that particular div is loaded.
Does anybody know a good way to go about doing this? Thanks.