Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.07.2011 um 12:40 (UTC)    
Titel: Bild wechselt bei Mouseover

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:

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

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:

Code:
<img src="URLvomHAUPTBILD" onmouseover="this.src='URLvomMOUSEOVERBILD';" onmouseout="this.src='URLvomHAUPTBILD';" />


Einfacher gehts glaub ich nich Wink
Beiträge der letzten Zeit anzeigen:   


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