MouseOver Vergrößerung - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

MouseOver Vergrößerung

Scripte > Bildobjekte
Ein einfaches Bildobjekt vergrößern mit MouseOver
Das ist eine ganz einfaches Script, um ein Bild auf der Homepage darzustellen und beim Überfahren mit der Maus zu vergrößeren.
HTML-Code einfach nur kopieren, Bildpfade anpassen und in den in den BODY-Bereich <body>.....</body> der ausführenden Seite an gewünschter Stelle einfügen.
Die Darstellung auf der Homepage wird mit diesem Einträgen festgelegt:
height='140' width='190'
Werden die Abmessungen verändert, müssen auch die anderen Angaben im Script entsprechend angepasst werden.
Das Bild auf dem Server muss mindestens so groß sein, wie die Abmessung im onMouseOver festgelegt wurden, kann aber auch größer sein.
Download Button
       
Code für den <BODY> Bereich
<script type="text/javascript">
function changeIMG(what, width, height) {
document.getElementById(what).width = width;
document.getElementById(what).height = height;
}
</script>

<img id='Obj2_1' src="wsX5Obj/Obj_IMG/baer_g.jpg"
onMouseOver="changeIMG('Obj2_1','320','235');"
onMouseOut="changeIMG('Obj2_1','190','140');"
height='140' width='190'>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img id='Obj2_2' src="wsX5Obj/Obj_IMG/baer_g.jpg"
onMouseOver="changeIMG('Obj2_2','320','235');"
onMouseOut="changeIMG('Obj2_2','190','140');"
height='140' width='190'>
Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 2 Online
» 532 Heute
» 469 Gestern
» 1767 Woche
» 5718 Monat
» 75539 Jahr
» 322117 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt