Ti posto un modellino di studio, come intervento di prima medicazione ....
Ora devo uscire col cane.

Si basa su una stringa di esecuzione JavaScript
document.viewer.src="";
che cambia il Valore di SRC="" in un Tag d' immagine IMG che usiamo come visualizzatore.
Bisogna dare modo a JavaScript di individuare questo Elemento, e per questo gli possiamo assegnare un ID="" o un NAME=""; si possono praticare anche altre vie.
codice:
<html>
<head>
<TITLE>isabelle</TITLE>

</head>
<body bgcolor="#909090">

<div align="center">
<table>
      <td><span onMouseOver='document.viewer.src="macchina_gialla.jpg";'>gialla</span>
 </td><td>[img]macchina.jpg[/img]
 </td>
</table>
</div>


</body>
</html>
Poi potresti volere un comportamento inverso per onMouseOut e allora avremo:

<span onMouseOut='document.viewer.src="macchina.jpg";' onMouseOver='document.viewer.src="macchina_gialla. jpg";'>

Nota l' alternanza di segni di quotazione singoli ' e doppi " per evitare che tra loro interferiscano; è molto importante in JS.