Jonas: Hintergrundbild von Zelle bei Mouse Over ändern

Beitrag lesen

SELF-Forum

Hintergrundbild von Zelle bei Mouse Over ändern

Jonas
– Informationen zu den Bewertungsregeln

Hallo

Erstmals: Ja, ich habe sowohl bei google als auch hier im Forum bereits nach einer Lösung gesucht. Leider bringt diese aber in meinem Fall nicht ganz den gewünschten Effekt.

Wie gesagt möcht ich bei einem Mouse Over / Out das Hintergrundbild einer Tabellenzelle ändern. Ich habe dazu folgenden Lösungsansatz:

##########################CODE
<html>
  <head>
<style>
.imageOne{
background-image:url(bg1.jpg);
}
.imageTwo{
background-image:url(bg2.jpg);
}
</style>

</head>

<body bgcolor="#FFFFFF">
  <br>
  <br>
  <br>
  <table width="436" height="400" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td class="imageOne" onMouseOver="this.className='imageTwo'" onMouseOut="this.className='imageOne'">&nbsp;</td>
    </tr>
  </table>
  </body></html>
##########################CODE

Das Ganze klappt auch hervorragend.
Nur muss ich etwa in 12 Zellen jeweils andere Bilder laden können. Ich würde nun ganz gerne nicht 24 CSS Angaben haben für die 12 Zellen, sondern das Ganze direkt innerhalb von <td ...></td> haben. Wie beispielsweise bei folgendem:

<td align="center" valign="middle" onMouseOver="this.style.backgroundColor = '#CCCCCC'" onMouseOut="this.style.backgroundColor = '#DDDDDD'">TEXT</td>

Gibts da eine Lösung?

Gruss und Dank

jonas

Beitrag melden
–
Informationen zu den Bewertungsregeln