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

Direkt zum Seiteninhalt

Hauptmenü:

MouseOver Vergrößerung

Scripte > Bildobjekte


Ein einfaches Bildobjekt vergrößern mit MouseOver.

JavaScript

Bilder auf den Server in das Verzeichnis "images" kopieren.
Example:
demo_img2.jpg
demo_img3.jpg


Demo:

       


Code für das HTML-Objekt:


<script type="text/javascript">
function changeIMG(what, width, height) {
 document.getElementById(what).width = width;
 document.getElementById(what).height = height;
}
</script>

<img id='bild2' src="images/demo_img2.jpg" onMouseOver="changeIMG('bild2','320','235');" onMouseOut="changeIMG('bild2','190','140');" height='140' width='190'>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img id='bild3' src="images/demo_img3.jpg" onMouseOver="changeIMG('bild3','320','235');" onMouseOut="changeIMG('bild3','190','140');" height='140' width='190'>


Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 5 Online
 » 110 Heute
 » 1229 Woche
 » 4562 Monat
 » 36633 Jahr
 » 283211 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü