Image disablen

[mikdoe]

Gibt es eigentlich mittlerweile eine reine CSS Lösung, ein Image so auszugrauen, dass es "disabled" wirkt?
Finde dazu nur alte Artikel im Netz mit wilden Workarounds.

 

[kkapsner]

Das sieht nach was aus, was du suchst: Cross-Browser Image Grayscale with CSS | Karl Horky - Blog

 

[mikdoe]

Aber unten die Kommentare machen wir nicht wirklich Mut
Insbesondere dieser:

Force the browser into IE9 rendering mode. IE10 use more standards compliant code which is not compatible with older IE. <meta content="IE=9" http-equiv="X-UA-Compatible">

Das kommt mir auf keinen Fall in die Tüte.

Und

opera not work

ist auch ganz übel.

Ich denke, die Zeit ist dafür noch nicht reif.

Hat mal jemand damit gespielt und sich das näher angeschaut?

 

[kkapsner]

So genau hatte ich mir das gar nicht angesehen...

Als ich mich das letzte mal damit beschäftigt habe, war der IE9 noch nicht einmal draußen...

 

[mikdoe]

Ist nicht so wichtig.
Wäre ein nettes Gimmick gewesen aber einen Kopfstand mache ich dafür nicht.

 

[cannap]

Kannst ja mit CSS Image Opacity / Transparency
Can I use CSS3 Opacity

gruss cannap

 

[kkapsner]

Transparenz hat doch nichts mit schwarz-weiß zu tun...

 

[cannap]

naja wenn es transparent ist wirkt es doch auch "disabled"?

 

[kkapsner]

Hier ging es aber explizit um "ausgrauen"...

... aber du hast Recht, dass ein durchsichtiges Element auch "disabled" erscheinen kann.

 

[mikdoe]

Danke cannap, reicht für meine Zwecke.
Gute Idee, hab ich schon eingebaut!

 

[j-l-n]

Wäre echt mal 'ne gute Idee für HTML5:

<IMG SRC="irgendeinBild.PNG" DISABLED="TRUE" />

 

[mikdoe]

Wäre echt mal 'ne gute Idee für HTML5:

Ja, sowas hatte ich gehofft

 

[j-l-n]

Ja, sowas hatte ich gehofft

Ja, es wäre wirklich nicht schwer, das in die HTML5-Spezifikation einzubauen... Mittlerweile gibt es ja auch schon spezielle <input> für z.B
E-Mail-Adresse usw.!

 

[Dormilich]

Wäre echt mal 'ne gute Idee für HTML5:

<IMG SRC="irgendeinBild.PNG" DISABLED="TRUE" />

Obwohl ich nicht wüßte, warum man ein Bild als disabled bezeichnen sollte, nur weil die Farbverteilung (was ja mit der Funktionalität von Bildern in HTML nichts zu tun hat) etwas anders ist. Nimm doch einfach ein graueres Bild.

 

[mikdoe]

Obwohl ich nicht wüßte, warum man ein Bild als disabled bezeichnen sollte, nur weil die Farbverteilung (was ja mit der Funktionalität von Bildern in HTML nichts zu tun hat) etwas anders ist.

Bei Schaltflächen ist es auch nur eine andere Schattierung und Farbgebung.
Es wäre halt praktisch, wenn man eine Schaltfläche mit Image hat, diese auf einfache Art und Weise disabled aussehen zu lassen.

 

[Dormilich]

Bei Schaltflächen ist es auch nur eine andere Schattierung und Farbgebung.

Und abgesehen von der anderen Farbgebung funktionieren sie auch nicht (sprich, sie sind nicht clickbar).

 

[mikdoe]

Und abgesehen von der anderen Farbgebung funktionieren sie auch nicht (sprich, sie sind nicht clickbar).

Ja, und genau deshalb wäre doch ein disabled Tag für Images nett. Das kann auch gleich einen ggf. existierenden onclick deaktivieren.

 

[Dormilich]

um einen Klick-event zu "disablen" brauchst du nur einen capturing click event auf/über das Bild zu setzen. und zudem kann man über image sprites sehr schön zwischen normalem/grauem Bild wechseln.

 

[mikdoe]

Ja, schon klar, dass es Lösungen gibt.
Ging ja um die Einfachheit eines Attributs.

 

[Dormilich]

Ich bin nach wie vor der Meinung, daß es semantisch keinen Sinn ergibt ein Bild zu disablen.