XxsamanthaxX
03-08-2003, 05:36 PM
First off, I'd like to thank everyone for their help. I don't know what I would do without this site and the people that have helped me......
Anyway, I'm trying to get my image to fade out when you hover your mouse over my cam link, but it does it vice versa. My image comes up when the mouse hovers over it.
You can see what I mean here (http://www.gutterxblonde.net/atc.html).
Notice how the light pink appears when you hover over it?
I want it to be light pink, then when you hover over it I want the cam image to appear.
Yeah.. I know that was kind of redundent... But I just want to explain myself so everyone can understand.....
Thanks :)
-Samantha
Dude128
03-08-2003, 06:03 PM
try switching the values for onmouseover and onmouseout for that image
XxsamanthaxX
03-08-2003, 09:29 PM
Well I use a javascript code that makes it so that when you hover your mouse over the image it slowly fades away the backround into the picture. So I thought that maybe if I set the pink box using divs, over the thumbnail of my cam link then that spot over my thumbnail would be the pink box until you hover over it, then it would fade into the thumbnail.
But it's doing it the other way around, showing the thumbnail then the pink box when it's being hovered over.
And I don't use the onmouseover onmouseout codes.
This is my code:
<div style="position: absolute; left: 75px; top: 170px;" z-index:5; style="border style:2px dashed; color:#ff66ff"><a href="http://www.gutterxblonde.net/cam.html" onclick='msgWindow=window.open ("http://www.gutterxblonde.net/cam.html","displayWindow","toolbar=no,location=no,directories=no,status=no,me nubar=no,scrollbars=no,resizable=no,width=320,heig ht=240"); return false' onmouseover="self.status='Click to Remote'; return true"onmouseout="self.status=' '; return true"><img src="http://www.gutterxblonde.net/ccam.jpg" width="90" height="60" style="filter:alpha(opacity=10)" onmouseover="nereidFade(this,100,100,30)" onmouseout="nereidFade(this,10,10,10)"></img></a></div>
<div style="position: absolute; left: 75px; top: 170px;" z-index:4; style="border style:2px dashed; color:#ff66ff"><a href="http://www.gutterxblonde.net/cam.html" onclick='msgWindow=window.open ("http://www.gutterxblonde.net/cam.html","displayWindow","toolbar=no,location=no,directories=no,status=no,me nubar=no,scrollbars=no,resizable=no,width=320,heig ht=240"); return false' onmouseover="self.status='Click to Remote'; return true"onmouseout="self.status=' '; return true"><img src="http://www.gutterxblonde.net/over.jpg" width="90" height="60" style="filter:alpha(opacity=10)" onmouseover="nereidFade(this,100,100,30)" onmouseout="nereidFade(this,10,10,10)"></img></a></div>
Thanks
-Samantha
XxsamanthaxX
03-08-2003, 09:31 PM
Wait... Yes I do use on mouseover on mouseout codes..... But what do you mean by switching the codes?
I'm sorry.... I'm sooo confused....
XxsamanthaxX
03-08-2003, 09:56 PM
OK... I figured it out... I just switched the postion of the codes around and got rid of a few things......
Thanks anyway :)
-Samantha