nicht angemeldet
Hallo,
In einer Leiste liegen mehrere gleichgroße Bilder (Thumbs?). Ich will, dass sie, so wie der User sie vorfindet, um 50% verdunkelt sind, also opacity=50. Das habe ich schon geschafft. Aber ich will auch, dass diese Bilder wieder auf 100% ihrer Leuchtkraft kommen, sobald man mit dem Cursor auf diese Bilder geht.
Verschwindet der Cursor dann von dem Bild, geht der entsprechende Wert wieder auf 50% runter.
JAVA != JavaScript
100% Opazität = 0% Transparenz
Ich habe das Opacity-Thema unter Verwendung der proprietaeren CSS-Eigenschaften von IE und Mozilla sowie regulaer unter SVG hier behandelt: http://www.styleassistant.de/tips/tip84.htm.
Als Ergaenzung hier noch eine JavaScript-Implementierung fuer IE und Mozilla, die beim MouseOver-Event aus einem anfangs halbtransparenten Bild das Bild ohne Transparenz anzeigt: http://www.styleassistant.de/test/img_oparollo.htm.
Viel besser gefaellt mir aber die JS-freie Version unter SVG: http://www.datenverdrahten.de/svglbc/?code=opacity-rollovers.
MfG, Thomas