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>

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>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.