Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Mouseover
- Thread starter rbvcbr
- Start date
1) preload your 160x160 image (google "javascript preload images")
2) onmouseover, switch current image with previously loaded image
*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
2) onmouseover, switch current image with previously loaded image
*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
no. you're probably right. this is why i keep disappearing from TT.
*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
- Thread starter
- #6
I did the following javascript, but it changes the image size from 81 to 81, not 81 to 181.
I tried the other way around, putting bigImageSize 81 and
smallImageTo 81. Still not worked. Any help at this point.
Thanks,
*************
<html>
<title></title>
<head>
<script language="JavaScript">
image0 = new Image();
image0.src = "bigBlueCircle.png","width=181","height=181";
</script>
</head>
<body bgcolor="#FFFFFF">
<table align="center" cellspacing="0" cellpadding="0" >
<tr>
<td>
<a href="#" target="_blank" onmouseover="image0.src='bigBlueCircle.png';"
onmouseout="image0.src='smallBlueCircle.png';">
<img name="image0" src="smallBlueCircle.png" border=0 width=81 height=81></a>
</td>
</tr>
</table>
</body>
</html>
I tried the other way around, putting bigImageSize 81 and
smallImageTo 81. Still not worked. Any help at this point.
Thanks,
*************
<html>
<title></title>
<head>
<script language="JavaScript">
image0 = new Image();
image0.src = "bigBlueCircle.png","width=181","height=181";
</script>
</head>
<body bgcolor="#FFFFFF">
<table align="center" cellspacing="0" cellpadding="0" >
<tr>
<td>
<a href="#" target="_blank" onmouseover="image0.src='bigBlueCircle.png';"
onmouseout="image0.src='smallBlueCircle.png';">
<img name="image0" src="smallBlueCircle.png" border=0 width=81 height=81></a>
</td>
</tr>
</table>
</body>
</html>
Just a hunch, but this might have something to do with it:
-kaht
Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson
Code:
<img name="image0" src="smallBlueCircle.png" border=0 [!]width=81 height=81[/!]>-kaht
Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson
- Thread starter
- #8
If you give anything dimensions of 0x0 then of course they won't show up. Just a stab in the dark, but why not dynamically set the dimensions to match the new image? Sounds like that might work.
Another thing, this is incorrect syntax:
Code:
image0.src = "bigBlueCircle.png"[!],"width=181","height=181"[/!];AFAIK, you can't change dimensions via the src property on an image.
-kaht
Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson
Einstein47
Programmer
Just a suggestion - take it for what it is worth - what happens when you leave off the width and height attributes of the <IMG> tag?
Einstein47
“Evil abounds when good men do nothing.“ - Nelson R.
[[]Starbase47.com]
Einstein47
“Evil abounds when good men do nothing.“ - Nelson R.
[[]Starbase47.com]
The site won't validate
Considering that (s)he's not wrapping the values for those attributes in quotes I'm pretty sure (s)he's not too worried about it anyway
![[lol]](/data/assets/smilies/lol.gif "[lol] [lol]")
-kaht
Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson
Einstein47
Programmer
Pshaw - Validation is overrated - just ask most of the folks on this site. ![[noevil]](/data/assets/smilies/noevil.gif "[noevil] [noevil]")
But other than that - I suppose you could just add the width and height to the mouseover script.
And about your being #9 - I'm sure it is just a temporary thing - I can't even believe that I'm #7 - I really don't deserve it![[purpleface]](/data/assets/smilies/purpleface.gif "[purpleface] [purpleface]")
.
Einstein47
“Evil abounds when good men do nothing.“ - Nelson R.
[[]Starbase47.com]
But other than that - I suppose you could just add the width and height to the mouseover script.
And about your being #9 - I'm sure it is just a temporary thing - I can't even believe that I'm #7 - I really don't deserve it
.Einstein47
“Evil abounds when good men do nothing.“ - Nelson R.
[[]Starbase47.com]
Yeah, it was mostly just a joke for Cory. I've been pretty busy for the last month at work, and just haven't been on much to answer questions. The big board (full list) is the only one that really matters anyway
![[smile]](/data/assets/smilies/smile.gif "[smile] [smile]")
-kaht
Lisa, if you don't like your job you don't strike. You just go in every day and do it really half-assed. That's the American way. - Homer Simpson
I'm guessing you don't do this stuff for a living!Einstein said:
Anyway, you are wrong, validation (or rather the lack of) is the cause of more than any other problem I address here. That's why I changed my .sig so radically a while back. It is not overrated - just ask most of the folks on
So just to summarise:
Me said:
Cheers,
Jeff
[tt]Jeff's Blog [!]@[/!] CodeRambler
[/tt]
Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!
FAQ216-6094
- Status
Similar threads