Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.07.2011 um 12:40 (UTC)    
Titel: Bild wechselt bei Mouseover
Antworten mit Zitat
Hallo, kennt jemand eine HTML-Code mit dem ich zwei Bilder anzeigen kann, die aber übereinander liegen. Sobald ich mit dem Mauszeiger hinüber fahre wechselt das Bild!

Danke im Voraus

admira-fans
______________
↑
Beitrag12.07.2011 um 13:01 (UTC)    
Titel:
Antworten mit Zitat
Hallo,
das mit dem übereinander liegen verstehe ich nicht ganz. Aber fals du einen simplen Bildwechsler willst:

Zitat:
<script type="text/javascript">
function changeImage()
{
document.getElementById('imageChanger').src=="URL zu Bild 1" ? document.getElementById('imageChanger').src="URL zu Bild 2" : document.getElementById('imageChanger').src="URL zu Bild 1";

}
</script>

<img src="URL zu Bild 1" id="imageChanger" alt="bild" onmouseover="changeImage();">

Selbsterklärend
Selbsterklärend
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
↑
Beitrag12.07.2011 um 13:46 (UTC)    
Titel: Re: Bild wechselt bei Mouseover
Antworten mit Zitat
Eine weitere Variante wäre:

Code:
<img width="150" height="100" alt="" src="http://img.webme.com/pic/s/Bild1_klein.jpg" onmouseover="this.src='http://img.webme.com/pic/sBild2_gross.jpg';this.width=600;this.height=400" onmouseout="this.src='http://img.webme.com/pic/s/Bild3_klein.jpg';this.width=150;this.height=100">


Das Bild1 wird dargestellt, wenn die Seite aufgebaut ist.
Das Bild2 wird dargestellt, wenn du mit der Maus darauf stehst
Das Bild3 kommt, wenn die Maus weg ist.
Die Bilder können auch unterschiedliche Größen haben.


Gruß Peter
______________
18 Tage ohne Homepage sind herb.


Zuletzt bearbeitet von sv-neuhaus-judo am 12.07.2011, 14:48, insgesamt einmal bearbeitet
↑
Beitrag15.07.2011 um 16:32 (UTC)    
Titel:
Antworten mit Zitat
Code:
<img src="URLvomHAUPTBILD" onmouseover="this.src='URLvomMOUSEOVERBILD';" onmouseout="this.src='URLvomHAUPTBILD';" />


Einfacher gehts glaub ich nich Wink
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.