wepleroberstdorf: onmouseover - Grafik bleibt nicht stehen

SELF-Forum

onmouseover - Grafik bleibt nicht stehen

wepleroberstdorf Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,
Weiß jemand wie ich aus einem kleinen Bild ein Großes machen kann, durch on-mouse-over, oder auch on-click? Bisher habe ich es so versucht:

<tr>
<td width="73%" valign="top"><a href="Die Wohnung.htm">Die Wohnung</a>
<p><div align="justify">Grundriss EG, Unterer Winkelweg 2, 87561 Oberstdorf-Allg&auml;u.</p></div></td>
<td width="27%"><div align="right"><img src="images/grundriss.jpg" alt=""
onmouseover="this.style.width = 796;this.style.height = 463"
onmouseout="this.style.width = 180;this.style.height = 135">
</div>
</td>
</tr>

Beide Bilder laden sich auch, aber das Große erscheint nicht an der richtigen Stelle und bleibt bei Bewegen des Mauszeigers nicht stehen, zu sehen ist nur ständiges Geflackere.
Wie kann man das besser machen?

Gruß Britta

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. onmouseover - Grafik bleibt nicht stehen

    JürgenB Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Britta,

    mehrere Probleme:

    Bei den Angaben zur Bildgröße fehlen die Einheiten (z.B. px).

    Du hast nur ein Bild, das mal größer, mal kleiner skaliert wird. Diese Skalierung wird vom Browser durchgeführt, mit meist schlechtem Resultat. Evtl. wäre es besser, eine kleine Version des Bildes zu laden und per onmouseover durch die große zu ersetzen.

    Die Tabelle sieht 73% der Fensterbreite für den Text, aber nur 27% für das immerhin 796px breite Bild vor. Der Besucher muss schon einen Monsterbildschirm haben, wenn das passen soll. Daher, so vermute ich, erscheint das große Bild an einer anderen Stelle. Der Browser nimmt sich den Platz irgendwie.

    Gruß, Jürgen

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln