Mc Kie, Thomas: Grafik einblenden bei mouseover bzw. hover

Beitrag lesen

[quote]Wenn du im CSS-Code beim Hovern ganz normal als Bildverweis den Pfad zum zweiten Bild angibst, wird dieses auch erst in dem Moment geladen, wo du mit der Maus über dein Thumbnail fährst.[/quote]

Hm, klappt nicht (ist bestimmt noch was falsch bei mir).

www.fdp-ottobrunn.de/1.html

Quelltext:

  
<style type="text/css">  
a img  {border : 0 none;}  
  
#Keller       { display:block;  
             background-image:url(/Bilder/Wahl08/Keller_Axel_kl.jpg);}  
#Keller:hover { background-image:url(/Bilder/Wahl08/Mc_Kie_Thomas_kl.jpg);  
  
</style>  
</script>  
</head>  
<body>  
<table border="0" cellspacing="10" cellpadding="0" width="100%" class="bg0" >  
 <tr >  
  <table style="table-layout:fixed" border="0" cellspacing="3px" cellpadding="3px"  class="n09">  
   <td class="b11" colspan="5" align="center">  
    Kandidaten der FDP f&uuml;r die Kommunalwahlen  
   </td>  
   <tr>  
    <th style="type:b11; width:80px;" class="infoh">Bild</th>  
    <th style="type:b11" class="infoh">Name, Titel</th>  
    <th style="type:b11" class="infoh">Vorname</th>  
    <th style="type:b11" class="infoh">Beruf</th>  
    <th style="type:b11; width:35px" class="infoh">Alter</th>  
   </tr>  
   <tr>  
    <td>  
     <a href="/Bilder/Wahl08/Keller_Axel.jpg" target="_blank">  
      <img src="/Bilder/Wahl08/Keller_Axel_kl.jpg" width="80px" name="Dr. Axel Keller" alt="Dr. Axel Keller" id="Keller">  
     </a>  
    </td> <!-- Hier link für img -->  
    <td class="info1">Keller, Dr.</td>  
    <td class="info1">Axel</td>  
    <td class="info1">Diplom-Informatiker</td>  
    <td class="info1">55</td>  
    </span>  
   </tr>  
  </table>  
</body>  
</html>  

Wenn ich die Maus drüber fahre, passiert gar nix.

Nochmal zur Erinnerung, es sind unterschiedlich große Bilder, also nicht wie im Beispiel ein Menü mit Grafikhintergrund sondern mehr was wie ein Fotoalbum.

Viele Grüße

Thomas Mc Kie