MouseOver Vergrößerung - Website X5 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 Skript, um ein Bild auf der Homepage darzustellen und beim Überfahren mit der Maus zu vergrößeren. Über die ID wird das jeweilige Bild angesprochen und der Zoomfaktor kann idividuell verändert werden.
Die Darstellung auf der Homepage wird mit den Einträgen im HTML-Code 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.
HTML-Code einfach nur kopieren und in den BODY-Bereich <body>.....</body> der aufrufende Datei einfügen, Bilddateien austauschen und im Code anpassen.
Download Button
       
Code für den <BODY> Bereich
<script>
function changeObj2(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="changeObj2('Obj2_1','320','235');"
onMouseOut="changeObj2('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="changeObj2('Obj2_2','320','235');"
onMouseOut="changeObj2('Obj2_2','190','140');"
height='140' width='190'>
Feedbacks zu ""

Keine Kommentare gefunden.

Bitte Dein Feedback

Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.

Login | Registrierung


            CAPTCHA
            Vielen Dank für Dein Feedback.
            Logo Host Europe
            Button Spenden

            © 2009 - 2020




            
            Besucher Statistik
            » 2 Online
            » 57 Heute
            » 71 Gestern
            » 281 Woche
            » 2378 Monat
            » 38241 Jahr
            » 262447 Gesamt
            Record: 1144 (01.02.2020)
            Gesamt Downloads:
            Hosting by
            Zurück zum Seiteninhalt