Member Avatar for bwallace

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 because: n/a
  • 2 Contributors
  • 1 Reply
  • 90 Views
  • 20 Hours Discussion Span
  • Latest Post Latest Post by Kraai
Member Avatar for Kraai

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.