Forum Moderators: open
Just wondered if anyone know how to do this effect from the Hollister site? If you click on a product the screen fades in and then out again? Im a HTML/Flash guy, so it could well by CSS, Javascript or another language that I dont have a clue about.
Any help would be much appreciated!
Cheers,
Spence
It sounds like a javascript function that changes opacity of an overlying layer when there's a click - at least that's one way to do it. This would probably be some pretty fancy scripting in order to work cross-browser. Try View Source and look through any javascript referenced from (or directly in) the code that plays with filter, opacity, etc.
What you do is hide two layers, one with a flash move and z-index of 10 and another with the layer pop with a z-index of 20.
When you show both layers the flash will run, I had it go from 0 transparency to 40% in one second. On top of that is the layer with the pop up.
If you want to spawn a daughter window, use the same trigger, the onclick, but to turn off the Flash layer use the focus trigger.
It works well because flash is set up with transparency and does not run the movie until that layer is visible. Make sure you have the wmode=transparent in your params.
