Farben umkehren bei mouseover

hi,
ich habe ein bild, dass ich als hyperlink verwende, wie kriege ich das hin, das die farben dieses bildes bei mouseover umgedreht werden?

ich habe ein bild, dass ich als hyperlink verwende, wie kriege
ich das hin, das die farben dieses bildes bei mouseover
umgedreht werden?

Indem du ein zweites Bild mit invertierten Farben erzeugst und bei mouseover per JScript das Bild austauschst.

Hallo,

ich habe ein bild, dass ich als hyperlink verwende, wie kriege
ich das hin, das die farben dieses bildes bei mouseover
umgedreht werden?

das geht sehr gut mit css.

Variante 1:
Du gibst a:hover ein anderes Hintergrundbild als den restlichen a:…
Variante2:
Du erzeugst ein Bild, mit beiden Varianten drin (normale Fabe und umgekehrte Farben untereinander) und gibst dann a:hover entsprechend andere background-position-Werte.

Die zweite Variante hat den Vorteil, dass das Bild nicht nachgeladen werden muss.

Grundsätzliches wird hier erklärt:
http://aktuell.de.selfhtml.org/artikel/css/mouseover…
zur zweiten Variante hilfreich:
http://e-lusion.com/design/menu/

(ich dachte ich hätte noch einen andern Link zur zweiten Variante - finde ihn aber gerade nicht)

Viel Spass beim tüfteln.

Gruße, Dirk

hi,
ich habe ein bild, dass ich als hyperlink verwende, wie kriege
ich das hin, das die farben dieses bildes bei mouseover
umgedreht werden?

Hallo,

ich habe noch eine dritte, etwas leichtere Variante anzubieten, die nur nicht ganz genau so aussieht.

Man kann ein einfaches, grafisches GIF mit transparentem Hintergrund versehen und via CSS bei mouseover eine andere Hintergrundfarbe durchscheinen lassen. Das sieht manchmal ganz gut aus und ist sehr schnell, aber wenn dein Bild viele Verlaeufe und Nunacen enthaelt, wird es nicht gut aussehen.

Gruss, Claudia

*mit Entschuldigung fuer die Rechtschreibung, aber irgendwie laeuft meine Tastatur gerade mit einem QUERTY/Treiber, ich weiss nicht warum…*

hi,
ich habe ein bild, dass ich als hyperlink verwende, wie kriege
ich das hin, das die farben dieses bildes bei mouseover
umgedreht werden?

Hallo,

Da die Vorschläge so weit auseinander liegen (was gut ist), hätte ich an dieser Stelle auch einen Vorschlag zu machen:

mit svg kann man (u.a. :wink:) scriptgesteuert ein Bild laden und verschiedene Effekte darauf anwenden. Ich bin auch nur „begeisterter Anfänger“, aber ich konnte herausfinden, dass man mit einem Effekt „feComponentTransfer“ eine Farbe relativ leicht umsetzen kann anhand einer einfachen Funktion.

Sieh dir erst einmal folgendes Beispiel an:
http://www.toomuchcookies.net/test/test.htm

Wenn es bei dir nicht funktioniert, dann lad dir doch den Adobe SVG viewer. Ich empfehle (vor allem für firefly und mozilla) die Beta-Version 6:
http://www.adobe.com/svg/viewer/install/beta.html

Du kannst dir auch gerne den Quelltext unter
http://www.toomuchcookies.net/test/test.svg
anschauen. Das Originalbild ist unter
http://www.toomuchcookies.net/test/Guernica.JPG
zu finden.

Hoffe, das hilft und frag gerne nach, wenn was unverständlich ist. Aber wie gesagt, ich auch nur verstehen halb svg!

Gruss, Omar Abo-Namous