Re: Jak zrobić graficzny roll over? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Jak zrobić graficzny roll over? › Re: Jak zrobić graficzny roll over?

Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!.POSTED!not-for
-mail
From: Peter May <p...@o...pl>
Newsgroups: pl.comp.www
Subject: Re: Jak zrobić graficzny roll over?
Date: Thu, 18 Aug 2011 20:41:29 +0200
Organization: http://onet.pl
Lines: 34
Message-ID: <j2jmd2$km4$1@news.onet.pl>
References: <1cshr0l0tst57.jcl2zrzhe1ip$.dlg@40tude.net> <j2h3el$qgh$1@news.onet.pl>
<13s10z7h9nuti$.u53z69dhkz9n$.dlg@40tude.net>
NNTP-Posting-Host: 46.204.85.167.nat.umts.dynamic.t-mobile.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1313692898 21188 46.204.85.167 (18 Aug 2011 18:41:38 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Thu, 18 Aug 2011 18:41:38 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows NT 6.0; rv:6.0) Gecko/20110812 Thunderbird/6.0
In-Reply-To: <13s10z7h9nuti$.u53z69dhkz9n$.dlg@40tude.net>
Xref: news-archive.icm.edu.pl pl.comp.www:399310
[ ukryj nagłówki ]
W dniu 18-08-2011 19:33, Marek pisze:
> Dnia Wed, 17 Aug 2011 21:05:46 +0200, Peter May napisał(a):
>
>
>>
>> Zamiast SVG spóbuj canvas-a:
>>
>> http://www.ajaxblender.com/howto-convert-image-to-gr
ayscale-using-javascript.html
>>
>> Wcześniej podałem Ci link gdzie to działa z dynamicznym tworzeniem
>> obrazków w szarościach.
>
> Chciałem uniknąć jQuery. Z armatą na wróble. Zamiast angażowania tej
> wielkiej maszyny wolałbym zastosować modulik we Flashu ładowany z JS. Parę
> linijek kodu JS i pozamiatane. Piszę to w oderwaniu od mojego obecnego
> problemu gdyż to tylko efekt więc można go ograniczyć do honorujących go
> przeglądarek.

Kiedyś potrzebowałem też przerabiać "w locie" obrazki na szarości.
Skądś, nie pamiętam skąd, tam podejrzałem algorytm i nieco pozmieniałem
kod, który wygląda dziś tak:

http://jsfiddle.net/YysEP/

Generalnie robię tak:

1. Klonuję obrazek.
2. Przekazuję obiekt do funkcji.
3. Funkcja zwraca mi dane, które podstawiam do atrybutu src i nowo
wygenerowanego obrazka.
4. Dalej to już zabawa z CSS-em :-)

--
Peter