W sieci zapanowała szarość. Jeśli jesteś webmasterem i też chcesz okazać szacunek wobec zmarłych na swojej stronie, jednak nie chcesz na stałe zmieniać wszystkich obrazków na stronie na odcienie szarości, znalazłem dwulinijkowy sposób w javascript pozwalający na żywo zamienić wszystkie obrazki ze znacznika <img> tak aby były pozbawione kolorów.
Po kolei.
Wchodzimy na stronę pixastic i pobieramy skrypt. Na stronie jest fajny konfigurator, który pozwala pobrać tylko co nam potrzebne. Jako, że niemal każdy chyba na wordpressie ma aukatywnione jQuery, polecam zaznaczyć opcje ‘Pixastic Core’, ‘jQuery plugin’ i ‘Desaturate’.
Pobrany plik umieść na serwerze i w nagłówku strony podlinkuj go (zakładam, że masz podłączone także jQuery).
W stopce strony dodaj skrypt js:
$d = jQuery.noConflict; $d("img").pixastic("desaturate");
I to wszystko.
Oczywiście skrypt nie załatwia wszystkiego. Nadal pozostaną kolory czcionek czy tła zdefiniowane w CSS, także obrazki tła nie zostaną podmienione.
Jak działa skrypt możecie zobaczyć na stronie HR Standard
Comments
IMHO przerzucenie konwersji na odwiedzającego to przesada. @BTM napisał o skrypcie PHP przerabiającym obrazki na grayscale: http://epicweb.pl/2010/04/12/zaloba-od-strony-programisty/ – opowiedziałbym się raczej za takim rozwiązaniem.
Dziękuję za praktyczne wieści autora i osoby komentującej. Wiadomości ciekawe i czasami, niestety przydatne.