HTML Fade In Entry Script

[azdevil]

Looking for any script (pref. java or html) that would allow the home page to offer a large image first and then fade in to the actual site. Anything would be great. Tried looking at the dd image effects but none seem to be what I need. Thanks in advance.

-JP

[djr33]

You could look at using lightbox triggered on pageload then automatically close it after some number of seconds. It would take a bit of customization, but the general image effect is there.

If not, what do you mean by "large image ... fade"? Do you have a link to an example website?

By the way, fading (gradually turning down the opacity percentage) is difficult in Javascript [not possible in HTML], and the only way to fake it is to sequentially change the opacity, such as loop through 100%, then 90%, etc, until 10% then 0%. This can be memory intensive and stall on some computers.
If you want something truly reliable for this, you might want to use flash, but of course that has its own disadvantages.

[azdevil]

dont have a link unfortunately. Maybe fade is the wrong word here, but dissolve, de-pixelate or even just simply dissappear would work.

The effect I'm going for here is simple. The site design is done, however, I want there to be a full size screen shot of an image at page load - then it disappears, dissolves, whatever and then the site would appear.

Would love to avoid flash and was hoping there is a good js avail for this.

[djr33]

As I said, to make something fade/dissolve, you'd need to sequentially turn down the opacity and that can be a memory problem. "Simply disappearing" would be very easy and you can look at lightbox for that.

It's very possible to create something in JS for this, but I'm not sure of an existing script that specifically fits what you're looking for-- but there should be some out there.

Basically what you want is a dynamic "splash page" where you don't have to reload/click a link after the splash page to see the real page. If you google "javascript splash page" or "javascript splash screen" I expect you'd find something at least as a placeholder til you work out a final version.

[azdevil]

excellent advice. "JS Splash Page" I dont know why I didnt think of that. Thanks a lot man.