Thumbnail bei mouseover neben Mauszeiger einblenden

[Peter]

Hallo,
ich suche eine einfache(!) Möglichkeit per CSS beim überfahren eines Links ein Thumbnail neben dem Mauszeiger anzeigen zu lassen - die Anzeige soll dann auch wieder deaktiviert werden wenn der Mauszeiger den Link verlässt.
Ich habe zwar schon gegoggelt, aber leider nichts einfaches für meine Zwecke gefunden. Wichtig dabei ist, das es nach Möglichkleit ohne JS funktionieren sollte.
Hoffe das mir hier jemand helfen kann und möchte mich schon im vorraus hierfür bedanken.

Gruss
Peter

[Manuel B.]

Ich grüsse den Cosmos,

Hallo,
ich suche eine einfache(!) Möglichkeit per CSS beim überfahren eines Links ein Thumbnail neben dem Mauszeiger anzeigen zu lassen - die Anzeige soll dann auch wieder deaktiviert werden wenn der Mauszeiger den Link verlässt.

http://aktuell.de.selfhtml.org/artikel/css/infobox/

Ich denke, noch einfacher gehts nicht.

Möge das "Self" mit euch sein

[Peter]

Hallo Manuel,

danke für den Link, aber es ist nicht leider das was ich meinte.
Z.B. setzt die seite tempatemonster.com das ein, wenn du da über ein Thumbnail gehts wird rechts neben dem Mauszeiger eine vergrößertes Bild angezeigt. Ich möchte das bei einem Textteil ein Thumb angezeigt wird (neben dem Mauszeiger, also "schwebend" über dem restlichem Content.).

Gruss
Peter

[Manuel B.]

Ich grüsse den Cosmos,

(neben dem Mauszeiger, also "schwebend" über dem restlichem Content.).

Dann such mal bei Google nach overlib.js
Da kannst du sowas machen.
Freischwebend ist mit CSS nicht möglich, da die Position des Mauszeigers  abgefragt werden muss und die Layerposition ständig korrigiert werden.

Möge das "Self" mit euch sein

[Gunnar Bittersmann]

Hello out there!

Freischwebend ist mit CSS nicht möglich,

Doch, das ist es. Zumindest in Browsern, die <http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor-url@title=cursor (Mauszeiger) mit eigener Grafik> unterstützen.

See ya up the road,
Gunnar

[Manuel B.]

Ich grüsse den Cosmos,

Doch, das ist es. Zumindest in Browsern, die <http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor-url@title=cursor (Mauszeiger) mit eigener Grafik> unterstützen.

wurde dieses noch nicht eingestampft? Ok, dann relativiere ich und sage, mit CSS ist keine browserübergreifende Lösung möglich.
Das ich diese Lösung für pfui halte, erwähnr ich nur am Rand, da ich es für den gleichen Frevel halte, am Mauszeiger rumzuspielen, wie an der FFarbe der Scrollbalken.

Möge das "Self" mit euch sein

[Gunnar Bittersmann]

Hello out there!

<http://de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor-url@title=cursor (Mauszeiger) mit eigener Grafik>

wurde dieses noch nicht eingestampft?

Nein. [CSS21 §18.1]

Das ich diese Lösung für pfui halte, erwähnr ich nur am Rand,

Was soll daran pfui sein?

abbr[title] {cursor: help}

halte ich durchaus für sinnvoll; viele andere sinnvolle Anwendungen sind denkbar.

Natürlich sollte das Herumspielen mit der 'cursor'-Eigenschaft nicht die Erwartungskonformität beeinträchtigen. [[ISO9241-(1)10, http://kommdesign.de/texte/din.htm, http://www.fit-fuer-usability.de/1x1/knigge/uebersicht.html]

See ya up the road,
Gunnar

[Manuel B.]

Ich grüsse den Cosmos,

Natürlich sollte das Herumspielen mit der 'cursor'-Eigenschaft nicht die Erwartungskonformität beeinträchtigen. [[ISO9241-(1)10, http://kommdesign.de/texte/din.htm, http://www.fit-fuer-usability.de/1x1/knigge/uebersicht.html]

Und genau, weil dieses seltenst eingehalten wird, fällt das bei mir unter "Pfui" ;)
Wie bei fast jeder Technik gibt es sinnvolle Anwendungen, der Missbrauch  liegt bei den meisten ab über 90%.

Möge das "Self" mit euch sein