Marek

Witam,

Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest jakiś
sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.

=?UTF-8?B?TWlyb3PFgmF3?= Zalewski

środa, 17 sierpnia 2011 11:46 wielka mądrość na czytelników pl.comp.www
spłynęła, gdy tako rzekł(a) Marek:

> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest
> jakiś sposób na spowodowanie aby fotka była monochromatyczna pod
> "istotnymi" przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym
> tego uniknąć.

http://james.padolsey.com/javascript...n-ie-browsers/
Autor tam pisze że nie działa w Chrome i Safari, ale to artykuł sprzed dwóch
lat, więc może ta uwaga jest już nieaktualna. U mnie Konqueror z WebKitem
(którego używają też Chrome i Safari) radzi sobie doskonale. Z kolei
Konqueror z KHTML wyłącza się po wejściu na stronę z demem .

Zdaje się że można też nałożyć czarnego <div>-a z odpowiednio dobranym
opacity. Kiedyś coś takiego robiłem, ale wymagało to strasznych kombinacji z
JavaScriptem. No i nie wiem czy ten efekt który wtedy uzyskałem był
dokładnie tym, którego Ty oczekujesz.
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

|

On Wed, 17 Aug 2011 11:46:23 +0200, Marek wrote:

> Witam,
>
> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest
> jakiś sposób na spowodowanie aby fotka była monochromatyczna pod
> "istotnymi" przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym
> tego uniknąć.

tu wprawdzie pisalem jak sprawic by wszystkie byly szare
http://muzungu.pl/2010/04/12/jak-zro...ki-na-stronie/
muzungu-skomputeryzowany/

ale jesli znasz jquery, z podpowiedzia ze przywracanie kolorow to metoda
Pixastic.revert(element), na pewno sobie poradzisz




--
pozdrawiam, Konrad Karpieszuk

Peter May

W dniu 17-08-2011 11:46, Marek pisze:
> Witam,
>
> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest jakiś
> sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
> przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.

Zobacz, jak to zrobione jest tutaj:
http://bit.ly/q5Dr7l

Wykorzystany został do tego <canvas>. Może to Ci podpasuje.

--
Peter

Marek

Witam wszystkich.

Zerknijcie na to:
http://www.boogdesign.com/examples/svg/desaturate.html

W międzyczasie znalazłem coś bardzo szybkiego w realizacji :-)

=?UTF-8?B?TWlyb3PFgmF3?= Zalewski

środa, 17 sierpnia 2011 15:33 wielka mądrość na czytelników pl.comp.www
spłynęła, gdy tako rzekł(a) Marek:

> Witam wszystkich.
>
> Zerknijcie na to:
> http://www.boogdesign.com/examples/svg/desaturate.html
>
> W międzyczasie znalazłem coś bardzo szybkiego w realizacji :-)

I niedziałającego w Operze (11.50), chociaż nie wiem czy uznajesz ją za
»„istotną” przeglądarkę«.
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski

|

On Wed, 17 Aug 2011 16:25:17 +0200, Mirosław Zalewski wrote:

> środa, 17 sierpnia 2011 15:33 wielka mądrość na czytelników pl.comp.www
> spłynęła, gdy tako rzekł(a) Marek:
>
>> Witam wszystkich.
>>
>> Zerknijcie na to:
>> http://www.boogdesign.com/examples/svg/desaturate.html
>>
>> W międzyczasie znalazłem coś bardzo szybkiego w realizacji :-)
>
> I niedziałającego w Operze (11.50), chociaż nie wiem czy uznajesz ją za
> »„istotną” przeglądarkę«.

w chrome 15.0 tez to jest kolorowe. dziala chyba tylko w firefoksie



--
pozdrawiam, Konrad Karpieszuk

MarekF

Użytkownik "Marek" <precz@spamowi.com> napisał w wiadomości
news:1cshr0l0tst57.jcl2zrzhe1ip$.dlg@40tude.net...
> Witam,
>
> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest
> jakiś
> sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
> przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.
Czy jest jakis specjalny powod, aby nie stosowac 2 zdjec, czarno bialego i
kolorowego? Wiem, ze pytanie nie na temat, bo ma byc tylko zdjecie kolorowe.
2 zdjecia i efekt taki sam.
Jezeli dobrze pamietam, to w php bylo cos nt temat. 1 fotka.
MarekF

Peter May

W dniu 17-08-2011 11:46, Marek pisze:
> Witam,
>
> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest jakiś
> sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
> przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.

Zamiast SVG spĂłbuj canvas-a:

http://www.ajaxblender.com/howto-con...avascript.html

Wcześniej podałem Ci link gdzie to działa z dynamicznym tworzeniem
obrazków w szarościach.

--
Peter

beherit

hociaż nie wiem czy uznajesz ją za
>> »„istotną” przeglądarkę«.
>
> w chrome 15.0 tez to jest kolorowe. dziala chyba tylko w firefoksie

ooo.... a ja testuje serwisy KlientĂłw na wersji bodajĹźe 7 chroma .

|

On Thu, 18 Aug 2011 13:32:26 +0200, beherit wrote:

> hociaż nie wiem czy uznajesz ją za
>>> »„istotną” przeglądarkę«.
>>
>> w chrome 15.0 tez to jest kolorowe. dziala chyba tylko w firefoksie
>
> ooo.... a ja testuje serwisy KlientĂłw na wersji bodajĹźe 7 chroma .

stabilny chrome to teraz 13.0 (albo 12.x, a trzynastka bedzie za kilka
dni)



--
pozdrawiam, Konrad Karpieszuk

=?UTF-8?B?UGF3ZcWCIFBpc2tvcno=?=

W dniu 2011-08-18 14:15, |<onrad pisze:
> On Thu, 18 Aug 2011 13:32:26 +0200, beherit wrote:
>
>> hociaż nie wiem czy uznajesz ją za
>>>> »„istotną” przeglądarkę«.
>>>
>>> w chrome 15.0 tez to jest kolorowe. dziala chyba tylko w firefoksie
>>
>> ooo.... a ja testuje serwisy KlientĂłw na wersji bodajĹźe 7 chroma .
>
> stabilny chrome to teraz 13.0 (albo 12.x, a trzynastka bedzie za kilka
> dni)

Od 2 sierpnia jest juĹź 13.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

=?UTF-8?B?UGF3ZcWCIFBpc2tvcno=?=

W dniu 2011-08-17 21:01, MarekF pisze:
> Czy jest jakis specjalny powod, aby nie stosowac 2 zdjec, czarno bialego
> i kolorowego?

Zapewne jeden zasadniczy - lenistwo


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

Marek

Dnia Wed, 17 Aug 2011 16:25:17 +0200, Mirosław Zalewski napisał(a):


>
> I niedziałającego w Operze (11.50), chociaż nie wiem czy uznajesz ją za
> »„istotną” przeglądarkę«.

Raczej nie gdyĹź to 7.5% userĂłw. JednakĹźe problem jest z Chromem. :-(
Napisano tam przy okazji, że temat SVG (ale czy filtrów?) ma być
standardowo rozwiązany w HTML5. Czy wiesz coś o tym? Póki co efekt
desaturacji mogę ograniczyć do IE i FF - to mi wystarczy gdyż to tylko
"bajer" nieistotny dla treści. Możemy więc temat uznać za zamkniety.
Interesuje mnie jednakże temat HTML5 jako wątek, który przy okazji dociekań
powstał.

Marek

Dnia Wed, 17 Aug 2011 21:01:09 +0200, MarekF napisał(a):

> Czy jest jakis specjalny powod, aby nie stosowac 2 zdjec, czarno bialego i
> kolorowego? Wiem, ze pytanie nie na temat, bo ma byc tylko zdjecie kolorowe.
> 2 zdjecia i efekt taki sam.
> Jezeli dobrze pamietam, to w php bylo cos nt temat. 1 fotka.
> MarekF

Tak, są dwa nawet. Mianowicie redaktorowi strony mało zorientowanemu w
obróbce zdjęć nie będzie się chciało przetwarzać fotek do 2 postaci. Po
drugie to zdjęcie to miniaturka reprezentująca dokument w CMS. Wolałbym
uniknąć przerabiania CMS do stosowania 2 wersji miniaturki.

Marek

Dnia Thu, 18 Aug 2011 15:36:12 +0200, Paweł Piskorz napisał(a):

> W dniu 2011-08-17 21:01, MarekF pisze:
>> Czy jest jakis specjalny powod, aby nie stosowac 2 zdjec, czarno bialego
>> i kolorowego?
>
> Zapewne jeden zasadniczy - lenistwo

hahaha - cóż za zbieżność spostrzeżeń :-D To samo odpisałem koledze.

Marek

Dnia Wed, 17 Aug 2011 21:05:46 +0200, Peter May napisał(a):


>
> Zamiast SVG spĂłbuj canvas-a:
>
> http://www.ajaxblender.com/howto-con...avascript.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.

Peter May

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-con...avascript.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

Marcin Wasilewski

Użytkownik "|<onrad" <kkarpieszuk@gazeta.pl> napisał w wiadomości
news:j2gro1$in6$2@inews.gazeta.pl...
> On Wed, 17 Aug 2011 16:25:17 +0200, Mirosław Zalewski wrote:

>>> Zerknijcie na to:
>>> http://www.boogdesign.com/examples/svg/desaturate.html
>>> W międzyczasie znalazłem coś bardzo szybkiego w realizacji :-)
>> I niedziałającego w Operze (11.50), chociaż nie wiem czy uznajesz ją za
>> »„istotną” przeglądarkę«.
> w chrome 15.0 tez to jest kolorowe. dziala chyba tylko w firefoksie

A poza tym źle są dobrane współczynniki składowych, które na pewno nie
wynoszą 0,33 na składową, jak to jest zrobione w tym przykładzie, a co za
tym idzie jest przekłamana luminancja.
Nie chce mi się szukać notatek z grafiki komputerowej, ale współczynniki
znacznie się różnią dla poszczegółnych składowych.

Nie ma jak to wiki:

To convert any color to a grayscale representation of its luminance, first
one must obtain the values of its red, green, and blue (RGB) primaries in
linear intensity encoding, by gamma expansion. Then, add together 30% of the
red value, 59% of the green value, and 11% of the blue value

the_foe

W dniu 2011-08-17 11:46, Marek pisze:
> Witam,
>
> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest jakiś
> sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
> przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.

najprostsze sa dwie metody:
1. robimy 2 obrazki, kolorowy i czarno-bialy i laczymy go w jeden, tak
aby sasiadowaly ze soba. robimy diva, ktoremu nadajemy w css atrubut
width height background-image background-position (wycinamy nasze
zdjecie wymiarami i pozycja tla). nastepnie robimy dla diva :hover z
pozycja background przesunieta o dlugosc (lub szerokosc, w zaleznosci
jak polaczylismy obrazki) obrazka. duza zaleta jest preloadowanie
drugiego obrazka (bo w rzeczywistosci przegladarka laduje jeden)

2. uzywamy js do podmiany src dla img:
<img src='pics/kolor.jpg'
onMouseOver="this.setAttribute('src','pics/czb.jpg');"
onMouseOut="this.setAttribute('src','pics/kolor.jpg');" />

zaleta tego rozwiazania jest, ze strona bedzie wyswitelac obrazek
niezaleznie od css czy js. Wada, ze bedzie zauwazalny pierwszy moment
zmiany obrazka. Mozna to rozwiazac pakujac w innym miejscu czarno-bialy
obrazek do diva z warroscia stylu display:none. Jest to jednak malo
eleganckie, ze wzgledu na to, ze przy wylaczeniu styli obrazek nam sie
dodatkowo wyswietli.

--
the_foe

the_foe

W dniu 2011-08-31 19:30, the_foe pisze:
> W dniu 2011-08-17 11:46, Marek pisze:
>> Witam,
>>
>> Roll over ma być fotografią czarnobiałą. Po najechaniu robi się ona
>> kolorowa. Zdjęcie w oryginale będzie tylko jedno - kolorowe. Czy jest
>> jakiś
>> sposób na spowodowanie aby fotka była monochromatyczna pod "istotnymi"
>> przeglądarkami? Ostatecznie zastosuję Flash'a lecz wolałbym tego uniknąć.
>
> najprostsze sa dwie metody:

ooo sorry dopiero teraz zauwazylem, ze chodzi o to samo zrodlo.
pozostaja mordercze techniki js:
http://www.sohtanaka.com/web-design/...-w-css-jquery/




--
the_foe