wie kann ich einen mauskontakt mit den erscheinen einer grafik verbinden?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
benutzer
bild
browser
dokument
erreichen
fusion
grafik
image
info
jemand
leute
nut
ort
programm
sonstige programmiersprachen
stehen
stelle
text
version
wissen
-
Hallo,
Folgendes Problem:
Ich m?chte erreichen, dass eine Grafik an einem festegelgten Ort erscheint, wenn der Benutzer die Maus ?ber einen bestimmten Link bewegt. Nat?rlich soll die Grafik danach wieder unsichtbar werden oder eine andere Grafik sollte an deren Stelle stehen.
Es w?re sehr gut, wenn mir jemand schreiben w?rde, wie ich das mit meinem beschr?nktem Wissen, das nur HTML und CSS umfasst, hinbekomme.
MfG NiliMiliMcBili
EDIT 0-checka:
Verschoben von "Sonstige Programmiersprachen" nach "HTML & JS"
"beschr?nktes Wissen, das nut HTML und CSS umfasst"...
*l?l* Bist du etwa ein Browser?! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Zuerst definierst du dein Bild:
<img src="datei.gif" style="position:absolute;left:20pt;top:30pt;">
dabei musst du dann f?r "left" und "top" eigene Werte einf?gen
Dann definierst du den Link :
<a href="#" onMouseOver="document.images[0].src='neues_bild.gif'" onMouseOut="document.images[0].src='datei.gif'">Info</a>
mit document.images[0] sprichst du die 0. Bilddatei in deinem Dokument an, also die das erste Bild, da bei 0 angefange zu z?hlen wird. -
Hallo
Hier nochmal als Script:
<img src='anderes_pic.png' style="position:absolute;left:100px;top:100px;">
<a href="#" onMouseOver="document.images[0].src='dein_pic.png'" onMouseOut="document.images[0].src='anderes_pic.png'">Dein Link-Text</a>
bis dann,
scripter -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage