Image fade on load [SOLVED]
Hey,
Please excuse my javascript and jquery ignorance. Im building a simple photo gallery and would like an image to fade in. I need the image to only fade in once the image has fully loaded.
Here is what i have so far
-
function fade() {
$("#Picture").fadeIn("600");
}
And on the image i wish to fade
-
<img id="Picture" onload="fade()" src="images/landscape.jpg" />
This partly works with most browsers ive tested apart from opera.
Can you please improve on what i have here and if possible make it so i dont need to include 'onload' in my img tag and make it work based on image id or something.
Thanks and regards