Mouseover-Texte?

Computer: Software & Programmierung HTML & CSS
#1

Hallo Webdesigner,

Ich habe eine Homepage mit Bildergalerie und möchte aus Platzgründen
die kurze Erklärung des jeweiligen Bildes (z.B: Urlaub in Spanien,
2004’ nicht neben oder unter den ‚Thumbnail‘ des Bildes stellen,
sondern einblenden, wenn der Besucher seinen Mauszeiger darüber
bewegt.
Die Seite ist momentan HTML und ich möchte eigentlich kein Flash
verwenden.

Lässt sich das mit HTML oder Javascript umsetzen?
Welche Einstellungsmöglichkeiten habe ich dabei (optimal wäre ein
Ausblenden nach einigen Sekunden, eventuell mit Fade-Out Effekt?)

Danke schon mal!

Johannes

#2

schau Dir mal den mouseover effekt auf
http://www.immobilien-for-you.com/
an… wenn Du über Startseite gehst mit der Maus…
das ist Javascript, hat viele Einstellungsmöglichkeiten und gibts hier:
http://www.bosrup.com/web/overlib/
auf der HP waren auch einige Einstellmöglichkeiten dazu in Beispielen…

#3

geht ganz easy

geht übrigens nicht nur bei bildern :wink:

viel spaß
julian

1 Like
#4

oder, bei bildern

j.

#5

Herzlichen Dank, ist genau das, was ich gesucht habe!

mfg
Johannes

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#6

das alt tag ist nach w3c ein gefordertes standardattribut.
Ausserdem verweigert z.B. der Firefox das anzeigen dieser Informationen, wenn das Bild geladen wird (zumindest mit den Standard-Einstellungen).
Deswegen ist html an dieser Stelle nicht ausreichend.

#7

gefordertes standardattribut ???

wat meinstn damit??

julian

#8

Noch ne Frage…
Wenn ich den
Tag verwende, kann ich dann irgendwo im Head von der Seite die
Verzögerung einstellen, mit der dieses Titelfeld eingeblendet wird
oder ist das fix?

Danke nochmal,
Johannes

#9

Meines Wissens nach ist sowas in W3 HTML nicht vorgesehen.
Wenn schon waere das etwas Browserspezifisches worauf du dann lieber verzichten solltest.

Gruss
Dirk
http://www.phpMyBackupPro.net/mozilla_search_plugins/

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#10

gefordertes standardattribut ???

wat meinstn damit??

julian

damit meine ich - wenn Du kein alt-attribut in img-tags verwendest ist die Seite nicht w3c compliant. Soll heissen der w3c validator sagt: Warning! alt attribute missing in line xyz (oder so ähnlich)

#11

Hallo zusammen,

Nach meinen Infos ist das genauso gemeint, für den Zweck.

Das alt Attribut soll nämlich nur dann gezogen werden, wenn kein Bild ankommt. Ich kann mir vorstellen, dass dieses Attribut auch für Blinde interessant sein kann. (Barriere freiheit). Aus diesem Grund (oder einem anderen) ist das auch Pflicht bei img, macht ja auch Sinn. Title ist ein Zusatz, aber „per se“ Barriere frei.

Zitat aus SelfHTML:
titel=
Erlaubt es, HTML-Elemente mit kommentierendem Text bzw. Meta-Information auszustatten. Der kommentierende Text sollte vom Browser in einem kleinen Fenster („Tooltip“-Fenster) angezeigt werden, wenn der Anwender mit der Maus über den Anzeigebereich des HTML-Elements fährt.

und:
alt=
bestimmt einen Alternativtext, falls die Grafik nicht anzeigbar ist

Das MS (Is wohl eher ein Fehler) das alt als Tooltipp anzeigt hatte mich auch mal dazu verführt es als Kommentar zu Missbrauchen.

Dirk.Pegasus