Jak zrobić żałobne obrazki na stronie?

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

00

Comments

hodak pisze:

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.

adone pisze:

Dziękuję za praktyczne wieści autora i osoby komentującej. Wiadomości ciekawe i czasami, niestety przydatne.

Dodaj komentarz

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.