bei onmouseover Bild vergrößern

  • Hey. Bei mouseover von nem Thumb wird das Bild groß (per getelementbyid) in nem iFrame dargestellt. Das Problem ist dass sobald das Bild angezeigt wird ein weisser Hintergrund entsteht.

    Hier der Code zum iFrame:

    HTML
    <iframe width="360" height="270" name="image" id="image" align="left" frameborder="0" scrolling="no" ALLOWTRANSPARENCY="true"></iframe>

    Problem is dass er quasi nur als Platzhalter dienen soll um nachher das Bild anzuzeigen.

    Hier der Aufruf:

    HTML
    <!-- Die Grafik bl4.gif is eine 1x1 große transparente Grafik -->
    <div onmouseout="parent.document.getElementById('image').src='../../Bilder/Temp/bl4.gif';">                
       <table cellpadding="0" cellspacing="0" border="0">
          <tr>
             <td id="slideshow_pos" onmouseover="parent.document.getElementById('image').src='../../Bilder/Fotos/2007/1.jpg';">

    Irgend eine Idee wie man diesen weissen Hintergrund weg bekommt?

    Danke

  • Du machst das scheinbar viel zu kompliziert.

    Code
    <img id="big" src="" />
    <img src="thumb.jpg" onmouseover="document.getElementById('big').src='big.jpg';" onmouseout="document.getElementById('big').src='';" />

    Einmal editiert, zuletzt von FaFoo (2. März 2009 um 13:10)