404

Design made in Germany

Deutsches Design

[CSS] Farbton über ein Bild legen


Design Magazin Design Agenturen Designer Design Weblogs Design Magazine Design Portale Design Communities Design Hochschulen Design Organisationen Design Ressourcen Design Shops Grafikdesigner Schriftdesigner Webdesigner Interfacedesigner Flashdesigner Motiondesigner Sounddesigner Fotodesigner 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Guten Morgen zusammen,
ich würde gerne bei einem Bild einen grauen Farbton drüberlegen. Geht das per CSS oder gibt es da eine geschicktere Möglichkeit.
Das Bild ist momentan farbig und ich möchte es grau erscheinen lassen und nur wenn man mit der Maus drübergeht, wird es farbig.

Danke schön, Fernando


Deutsches Design: [CSS] Farbton über ein Bild legen

wie wärs mit rollover?! ...


Du meinst per JS und onMouseOver?

Gibt es da nicht noch eine einfachere Lösung?


ist das bild ein link?! dann wärs ja ganz einfach und du machst ein css hover und fertig. bild per bg und die sache läuft.


Nee, mit CSS geht das nur, wenn du ein farbiges und ein graues Bild hast, und die bei :hover austauschst. Alternativ: Grau und Bunt NEBEN- oder UNTEREINANDER in _einem_ Bild als BG in ein DIV packen, dass nur halb so groß ist. dann beim :hover die bg-position ändern.


hehe, das ist ja mal freakige Idee ;)

ich hab es anders gelöst:
< img src="bla_grey.gif" onmouseover="this.src='bla.gif'" onmouseout="this.src='bla_grey.gif'" / >


Zitat: hehe, das ist ja mal freakige Idee ;)
:angst


Hmm... Fernando: Das ist eigentlich keine gute Idee, weil es in Nicht-Javascript-Browsern einfach gar nicht funktionieren wird - die sehn das Bild nur in Schwarzweiß...Tipp: schreib innen image-tag alle farbigen Bilder rein und wechsel die dann per Javascript im header oder sogar im extra-file alle aus. Ist n bissl was zum lernen, aber im endeffekt die weitaus sinnvollere Lösung.

Und hier kannsch anfangen: http://adactio.com/atmedia2005/

Viel Spaß, Benni.


Jo, hast wohl recht. das ist wahrscheinlich die sinnvollste lösung

Danke an Alle :)


Fern: Das mit dem CSS-Sprite ist gar nicht so freakig, weil der IE extreme Probleme beim Image-Wechseln hat...


Seitentitel: [CSS] Farbton über ein Bild legen