• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

How to make an image to appear and fade gradually when a web page is opened?

 
Anu satya
Ranch Hand
Posts: 146
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
hai aLL,
I have a web page with many hyperlinks. I want to inform the user about these hyperlinks. For that purpose, i want to load an image-informing about this hyperlinks, as soon as this web page is opened and fade gradually(after page is completely loaded).

Is there any way to do this? Can anyone please help?

 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64715
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
You can use window.setTimeout or window.setInterval to control the animation, and use CSS to modify the opacity of the image. Be aware that IE does not support the opacity CSS element and you need to use the proprietary filter element.
 
It is sorta covered in the JavaRanch Style Guide.
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic