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

beim überfahren eines bildes, ein text...

Status
Für weitere Antworten geschlossen.

=]ReDHeaD[=

Mitglied
ich denke mit js geht das, aber wie...

also, wenn ich zum biespiel über den kopf einen auf einem bild dargestellten typen fahre (mit der maus) dann soll ein text kommen, geht das?
 
Werbung:
das geht recht einfach.

also:

zunächst legst du eine imagemap über das bild. dann schreibst du in die area-tags ein onmouseover rein, dass einen div an angegebener stelle erscheinen lässt
Code:
document.getElementById('id_des_divs').style.display = '';
in den div selbst schreibst du style="display:none;" rein, damit er anfangs nicht gezeigt wird. er wird an die stelle gesetzt, an der er auch später sichtbar sein soll. dann wird er engezeigt, wenn man mit der maus drüberfährt. zudem musst du in den area-tag nocht ein onmouseout reinschreiben, dass den div wieder verschwinden lässt
Code:
document.getElemntById('id_des_divs').style.display = 'none';
jetzt wird der die bei mouseout wieder unsichtbar. wenn du zudem noch bei der funktion 2 variablen übergibst, dann reicht nur eine funktion:
Code:
function zeigen(feld,sichtbar){
document.getElemntById(feld).style.display = sichtbar;
}
und die funktion rufst du wie folgt auf (ich hab die restlichen angaben im area-tag weggelassen):

Code:
<area onMouseOver="zeigen('id_des_divs','')" onMouseOut="zeigen('id_des_divs','none')">
wenn man will, dann kann man sich die arbeit noch mehr erleichtern, und javascript die divs aktiv schreiben lassen, und auch aktiv inhalt einfügen, aber das sollte eigentlich so reichen :)




--> der code wurde von mir nicht getestet, es kann sein dass er fehler enthält. er sollte eigentlich nur eine anregung sein um es selbst zu coden.
 
noch viel einfacher:

HTML:
<img src="folder/file.ext" alt="text, der beim rüberfahren kommen soll">

den text in alt="" schreiben. geht dann allerdings nur im ie.

Nils aka XraYSoLo
 
Werbung:
Man verwendet title="text, der beim rüberfahren kommen soll" und schon funktionierts überall.
 
ehm joa, den alt tag kenne ich ;)

meinte schon das von commodore!
danke dafür!

@XraY damits auch in anderen geht einfach noch title rein ;)
title=".." aber alt muss rein, sonst ist es nicht valide
 
Werbung:
flapo schrieb:
Man verwendet title="text, der beim rüberfahren kommen soll" und schon funktionierts überall.


darf man das auch in area-tags reinschreiben? und das mit dem alt-tag geht auch im mozilla, nur hat das ganze ebenfalls ein problem: er will dass der text angezeigt wird, wenn man mit der maus über einen teil der bilder, nicht über das gesamte bild fährt. und selbst wenn man das bild zerschneidet hat man immernoch rechteckige formen, und keine kreise oder polagone ;)

aber wenn das sowieso nur rechtecke werden sollen reicht das völlig ^^ wird halt nur nicht direkt angezeigt.

edit: bekomme ich dafür ne gute bewertung? will mal sehen wie das hier im forum aussieht :D
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben