[Javascript] partially triggering image rollovers

Trey H tutwabee at hotmail.com
Wed Jul 10 00:55:07 CDT 2002


Aaron,
The problem is that the images at the top of the page are overlapping the 
buttons on the bottom.  I am not sure if layering the buttons over them will 
work, but I found a simpler solution.  If you change the position of your 
images from "bottom: 266" to "bottom: 244" it will put the buttons down JUST 
far enough under the top images to work.  Here is what your first button 
should look like:

<a onMouseOver="buttonOver(this)" onMouseOut="buttonOut(this)" 
id="audio"><img id="audio" src="redbutton.gif" width="47" height="47" 
style="position: relative;bottom: 244"></a>&nbsp;&nbsp;&nbsp;

Notice that the style is "bottom: 244" instead of "bottom: 266".  If you do 
not like that the images are lower you might want to play with the page 
layers or make the top images smaller.

I hope this helped.
====================================
Trey Hunner: tutwabee at hotmail.com
Get great JavaScript scripts
or Get a website:
http://www.websiter.biz
====================================
Make money by being online:
http://www.degoo.com/index.php?refid=tutwabee
===================================
Earn free traffic for your website easily:
http://tools.addme.com/servlet/popview?id=52260
====================================



>From: SoitPP at aol.com
>Reply-To: javascript at LaTech.edu
>To: javascript at LaTech.edu
>Subject: [Javascript] partially triggering image rollovers
>Date: Tue, 9 Jul 2002 21:10:13 EDT
>
>I've got a website
>www.ofviolets.net/~sanspalm
>
>where I'm trying to use image rollovers.
>It's working fine actually.. but only on the bottom halve of the button
>images used to trigger the mouseOver.
>I think it might have something to do with the fact that the images are
>positioned, .. perhaps?
>Any clues as to why this is happening? I would like the images to trigger 
>if
>the mouse goes over any portion of the image, not just the bottom 1/3 of 
>the
>image.
>
>Peace,
>      Aaron
>_______________________________________________
>Javascript mailing list
>Javascript at LaTech.edu
>https://lists.LaTech.edu/mailman/listinfo/javascript






_________________________________________________________________
Join the world’s largest e-mail service with MSN Hotmail. 
http://www.hotmail.com




More information about the Javascript mailing list