• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onMouseover-Effekt

Status
Für weitere Antworten geschlossen.
M

Menno

Neues Mitglied
Moin,
ich habe ein kleines Problem... den normalen onMouseover-Effekt (ein Bild ändert sich wenn man die maus drüber hält) kann ich.... aaabeerr: Jetzt brauch ich das anders. Wenn ich die Maus auf ein Bild (1) halte, soll sich ein anderes Bild (2) zu einem anderen Bild (3) ändern. Also:
Wenn onmouseover pic1, dann pic2 zu pic3.
Ich hoffe mal das ist verständlich :wink:
Also ein schöner, verständlicher Quellcode für den head- und body-tag würde reichen...

Vielen Dank im vorraus
Menno
 
also das funktioniert nicht, habs ausprobiert, allein im body tag müsste mindestens bild 2 erwähnt sein, ich will ja nicht das aus bild 1 ein anderes bild wird und daruas dann noch wieder ein anderes, sondern das aus bild 2 bild 3 wird wenn man auf bild 1 hält!
 
jetzt verwirrst du mich komplett.

was meinst du mit "auf bild1 hält"?
 
ahso.


geht recht einfach per document.getElementById()


beispiel:

HTML: 
<img src="bild1.jpg" onMouseOver="document.getElementById('bild').src='bild3.jpg';" onMouseOut="document.getElementById('bild').src='bild2.jpg';">
<img src="bild2.jpg" id="bild">

ist zwar ungetestet, aber sollte so klappen :-)
 
also document.getElementById() greift auf ein element einer seite per id des elementes zu. damit kannst du praktisch jedes element auf deiner website damit verändern. in den klammern wird die id des objektes angegeben. und das .src sollte klar sein ;-)



du könntest auch per document.images[hier die indexnummer des bildes] darauf zugreifen, aber das wird bei großen seiten sehr umständlich.
 
das basut du wie einen normalen img-tag ein. also das soltlest du wohl können :?
 
@Menno,

wenn du das mit den bisherigen Infos aus diesem Thread nicht schaffst, dann seh ich echt schwarz.
Commodore hat dir doch schon ein Beispiel gepostet:
HTML: 
<img src="bild1.jpg" onMouseOver="document.getElementById('bild').src='bild3.jpg';" onMouseOut="document.getElementById('bild').src='bild2.jpg';">
<img src="bild2.jpg" id="bild">
Wenn du das nicht verstehst, solltest du dich erstmal mit den grundlegenden HTML- und JavaScript-Dingen beschäftigen.

Grüße
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben