Bildbereiche definieren für Links etc.
michi2002k2
- multimedia (audio & video)
Hi!
Ich falle mit der tür ins haus, nach folgendem skript bin ich auf der suche:
Ich habe ein bild. Wenn man über einen definierten bereich mit der maus drüber ist, soll etwas passieren (zb unter dem bild einen bestimmten text anzeigen, oder den text wie einen "alt" tag anzeigen wenn maus zu lange auf einer stelle ist).
Beispiel:
http://flickr.com/photos/scoobay/1543264515/
Hier wird ein kurzer text angezeigt, wenn man im markierten bereich ist.
Wie bekomme ich das hin?
Javascript? Flash?
Bitte um jegliche ansätze! Wenn jemand auch nur eine vermutung hat, wie eine solche technik genannt wird, bitte bitte sofort posten.
Ich habe sehr lange das internet durchforstet ohne jegliches ergebnis ! :(
Hallo,
Du suchst nach ImageMaps:
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
Jeder Bereich (AREA) braucht ein ALT-Attribut. Und Du kannst auch
in einem TITLE-Attribut den Text eingeben, der erscheinen soll,
wenn der Benutzer mit der Maus über der Stelle ist.
Tip: Wenn Du irgendwo (z.B. Flickr) etwas siehst und wissen willst,
wie das gemacht ist, guck doch als erstes dort in den Quelltext!
HTML, CSS und JavaScript sind ja lesbare Text-Formate.
mfg Thomas
Hi!
Vielen Dank, das ist schonmal eine große hilfe.
Aber damit kann ich nur einen kleinen text erscheinen lassen. Wäre das selbe auch mit einem bild möglich? (bei einem javascript mouseover effekt könnte ich ja zb ein kleines bild an einer anderen stelle sich ändern lassen... aber das selbe direkt neben der maus, da wo auch der title text erscheint? )
Hallo,
Aber damit kann ich nur einen kleinen text erscheinen lassen. Wäre das selbe auch mit einem bild möglich? (bei einem javascript mouseover effekt könnte ich ja zb ein kleines bild an einer anderen stelle sich ändern lassen... aber das selbe direkt neben der maus, da wo auch der title text erscheint? )
Ja. Du kannst für jede einzelne AREA ein onMouseOver definieren
und somit auch Bilder oder formatierten Text einblenden lassen.
Und weitere nette Dinge machen, die mit JavaScript möglich sind...
Beispiele z.B. hier:
http://www.walterzorn.de/tooltip/tooltip.htm
http://www.zerbit.de/artikel/javascript_tooltips_einsetzen.aspx
Und ein Artikel zum Thema:
http://www.cs.tut.fi/~jkorpela/html/mapalt.html
Und auch Google hilft Dir weiter:
http://www.google.com/search?q=image+map+area+onmouseover+javascript+tooltip
;-)
HTH, mfg Thomas