so i have a page where i want a 2 second image intro then for the image to fade to the acutal page.
maybe some sort of table that has a onload that after 2 seconds fades into the actual page? i could not figure it out.
CreatorZeus
0
Light Poster
LaxLoafer
71
Posting Whiz in Training
Have you tried jQuery? A quick example to get you started:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
setTimeout(function(){ $("#img1").fadeOut("slow");
},2000);
});
</script>
</head>
<body>
<img id="img1" src="your-image.png">
</body>
</html>
When the document finishes loading the image (not included) should begin to fade out after a couple of seconds.
It makes use of jQuery's fadeOut method, documented here:
http://api.jquery.com/fadeOut/
I have used JavaScript's setTimeout method to simply delay the start, but wouldn't be surprised if you discover there's a more jQuery-esque way of doing it.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.