[RESOLVED] Make image fade in

[Maxxxx]

Hello everyone. I have an image that I would like to put on a opening web page. I would like to make it fade in when a person first comes to the web site. I know it can be done in flash but never used it. can some one help me.

[auntnini]

Since your logo is a GIF, a "poor man's approach" was to open logo in Photoshop. Had to change image.MODE from Index (GIF) to RGB for Window>ANIMATION, wherein created several frames at different opacity settings repeated ONCE to get fade-in effect. Then File>Save for Web and Devices as animated GIF.

The "Enter" under image is sort of thing one would have to start a FLASH SWF movie. I would definitely eliminate this from your logo image and instead use HTML text <h1>Enter</h1> or <p></p> for appropriate link under logo image.

Searching for fade-in image brought up several examples involving JavaScript.-- such as jQuery http://api.jquery.com/fadeIn/ In a 2005 Dynamic Drive post http://www.dynamicdrive.com/forums/s...ead.php?t=6439, John Davenport Scheuer said "That cannot be done just using HTML. With a some JavaScript, it can be done, though not all browsers will support the effect and none will without JavaScript enabled."

And CSS3 transitions (which I have not yet implemented myself) are another option. See for instance http://hugoware.net/blog/using-css-transitions or http://bavotasan.com/2011/a-simple-fade-with-css3/ or http://www.htmlgoodies.com/beyond/cs...mple-code.html or http://css-tricks.com/forums/discuss...ages-onload/p1

I did not search for HYML5 possibilities, but do not think HTML can do it. Am I wrong?

[Maxxxx]

What program did you use in this screen shot.

[auntnini]

Photoshop's Windows> ANIMATION to create frames (each with different opacity setting). I'm used to the old way. I believe there are different options now, such as a timeline.

You could used other programs, such as Fireworks, ton create animated GIF.

For the screen shot on MAC, Cmd-Shift-3 for automatic view of whole screen;
Cmd-Shift-4 and drag cross-hairs for shot of selected area.