HTML Forum

**hollowbite** · 10-06-2006, 04:55 PM

hi trying to get this mouseover to work where when you roll over a small picture the large one (different URL) comes up instead,

. i dont have dreamweaver or anything like that so i've just been piecing together bits of code from here and there to try and make it work, i can make one work at a time, but more than one and it gives up. the pictures show but the mouseover doesnt work.

HTML Code:

<html>

<script type="text/javascript">
function mouseOver()
{
document.b1.src ="http://myspace-445.vo.llnwd.net/00492/54/43/492623445_m.jpg" 
}
function mouseOut()
{
document.b1.src ="http://img170.imageshack.us/img170/9794/andy2nd3.jpg" 
</script>

<body>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=17489607" target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="Visit W3Schools!"
src="http://img170.imageshack.us/img170/9794/andy2nd3.jpg" name="b1" /></a>

<script type="text/javascript">
function mouseOver()
{
document.b1.src ="http://img201.imageshack.us/img201/308/bensmalloe3.jpg" 
}
function mouseOut()
{
document.b1.src ="http://img327.imageshack.us/img327/2388/benid4.jpg" 
}
</script>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=8599189&MyToken=015e0a0e-9c2f-4810-bead-543a5251a4a7" target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt=""
src="http://img327.imageshack.us/img327/2388/benid4.jpg" name="b1" /></a>
</body>


</html>

any help appreciated

hollowbite

**LadynRed** · 10-06-2006, 06:02 PM

Easier to do it with CSS and you'll have a LOT less garbage in your code.

**Eskarina** · 10:04 PM

LadynRed that didn't answer her/his question in any way whatsoever, why did you bother? Just to make yourself feel worthy? C'mon! what was the point? Either help or don't help - don't make fudgy statements.

Hollowbite, I'll play with it tomorrow and see if I can come up with anything helpful.

Chances are I won't come up with anything but I will try

**beta** · 10:26 PM

If thats all your looking for then theres an example here that will probably do the job for you using CSS which means a **** load less code and mess for you like ladynred said... but if you really have to use javascript then this page seems to have tonnes about javascript rollovers with images.

Just one more thing Eskarina, before you go laying it down to anyone else on the forum, please check that your own post contains something of use.

**LadynRed** · 10-06-2006, 11:46 PM

Quote:

LadynRed that didn't answer her/his question in any way whatsoever, why did you bother? Just to make yourself feel worthy? C'mon! what was the point? Either help or don't help - don't make fudgy statements.

Just a little too snippy for someone with a mere 5 posts in this forum.

People need to learn to use the search function. This same question has been raised many times in the past months. A bit of google research can turn up THOUSANDS of sites with the answer. Must everyone always have things handed to them on a silver platter ??? I see YOU didn't have anything constructive to offer.

There are 37 solutions on this page, all done with CSS:

http://www.alvit.de/css-showcase/css...s-showcase.php

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!