Clicking links through images

[Lammox]

Hi all,

I'm having an unusual problem, and was wondering if anyone could help. I'm working on a friend's myspace, adding falling objects (petal images, animated gifs) thanks to some code from one of those silly myspace layout sites. The falling images are achieved with the marquee tag, so each falling petal looks something like this:

<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:12%; top:0; width:300; height:500; .."><img src="http://img181.imageshack.us/img181/3050/petal.gif"></marquee>

The problem is, it all works fine in IE, but in firefox, the user can't click on the links that lie underneath the 500 pixel area that the falling petals' height covers. In myspace, these are links like "Home", "Browse", Search" etc.

So I guess I'm wondering if there's any way to allow the links to be clicked despite images "falling" in front of them. Will give z-index a try, but the friend wants them to fall on top of all the text and images.

Can anyone suggest anything?

[WebJoel]

Apart from being deprecated, "<marquee>" would make an area that is layered over-top of whatever is beneith it. While a z-index might solve this, it also puts the falling petals 'behind' whatever~.

There are javascripts that can do this, and they use little images that fall, leaving the 'freespace' behind them 'active' should the user wish to click-under. And, the javascript can even make the falling leaves (or snowflakes, -whatever) themselves, be 'clickable links'.

Go to www.dynamicdrive.com and search their document effects section, -you'll find maybe a dozen or so examples of this.

-Here, -I found one right off:

http://www.dynamicdrive.com/dynamicindex3/leaves.htm

[Major Payne]

Hi:

Good solution, but the only problem with JavaScript is that MySpace strips it out if used. Guess they were having too many problems with it. As WebJoel suggested, moving the petals behind would be better. I made an example and made it as a link too:

<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:100px; top:10px; width:100%; height:800px;"><a href="http://imageshack.us"><img src="http://img220.imageshack.us/img220/9332/aniblinkingeyesthrupagegu8.gif" alt="Blinking Eye"></a></marquee>


I haven't tried using it with the z-index, but you can play with your original. I tried using yours, but couldn't get the image at http://img181.imageshack.us/img181/3050/petal.gif.

Kinda fun to play with tho.

Ron

[WebJoel]

Dude... -that's kinda scary.