0

We have this script that makes the photo change when you mouseover different items on the list. How can we make the photo link change as well? For example, how can we make the photo link to Yahoo when we hover over item 1 but to Google when we hover over item 2?

<html>
<body>

<table><td>
List:<br />
<ul type="circle">
<li><a href="" ONMOUSEover="document.images['large'].src='http://food.naturalfrugality.com/7-diet-tips-for-eating-out/restaurant-breadbasket.jpg'">ITEM 1</a></li>
<li><a href="" ONMOUSEover="document.images['large'].src='http://health.naturalfrugality.com/5-biggest-weight-loss-mistakes/scale-step.jpg'">ITEM 2</a></li>
<li><a href="" ONMOUSEover="document.images['large'].src='http://style.naturalfrugality.com/highlights-for-less-than-a-dollar/highlighted-hair.jpg'">ITEM 3</a></li>
<li><a href="" ONMOUSEover="document.images['large'].src='http://people.naturalfrugality.com/is-natural-midwife-birth-for-you/pregnant-woman.jpg'">ITEM 4</a></li>
</ul></td>
<td><a href="http://www.yahoo.com"><img src="http://food.naturalfrugality.com/7-diet-tips-for-eating-out/restaurant-breadbasket.jpg" alt=" " name="large"></a>
</td></table>

</body>
</html>

Edited by bwallace: n/a

2
Contributors
1
Reply
2
Views
6 Years
Discussion Span
Last Post by Kraai
0

Try this:

<html>
<body>

<table><td>
List:<br />
<ul type="circle">
<li><a href="http://www.yahoo.com" ONMOUSEover="document.images['large'].src='http://food.naturalfrugality.com/7-diet-tips-for-eating-out/restaurant-breadbasket.jpg'">ITEM 1</a></li>
<li><a href="http://www.google.com" ONMOUSEover="document.images['large'].src='http://health.naturalfrugality.com/5-biggest-weight-loss-mistakes/scale-step.jpg'">ITEM 2</a></li>
<li><a href="" ONMOUSEover="document.images['large'].src='http://style.naturalfrugality.com/highlights-for-less-than-a-dollar/highlighted-hair.jpg'">ITEM 3</a></li>
<li><a href="" ONMOUSEover="document.images['large'].src='http://people.naturalfrugality.com/is-natural-midwife-birth-for-you/pregnant-woman.jpg'">ITEM 4</a></li>
</ul></td>
<td><a href="http://www.yahoo.com"><img src="http://food.naturalfrugality.com/7-diet-tips-for-eating-out/restaurant-breadbasket.jpg" alt=" " name="large"></a>
</td></table>

</body>
</html>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.