[JS] Zmina koloru obrazka (nie podmiana!)

[Chmura]

Witam

Może zacznę od tego ze JS to ja znam jak język Japoński (czyli ograniczam sie do zaglądania w źródło i podpieprzenia kodu...). Zastanawiam sie czy jest jakaś opcja by móc zmienić kolor obrazka (w rzeczy samej po najechaniu na niego) konkretniej chodzi mi o zmianę z kolorowego na b&w (oczywiście nie trwale jedynie na moment najechania)

mam nadzieje ze Wy Fachowcy bez problemu znajdziecie odpowiedz na mojego posta i dopomożecie jot-esowskiemu beztalenciu...

bardzo bym prosił o pomoc ;-)


ps: jak szybko i skutecznie nauczyć sie przynajmniej podstaw js?

[BaZa92]

<img src="obrazek_podstawowy.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'obrazek_podswietlony.gif'" onmouseout="this.src = 'obrazek_podstawowy.gif'" />
chyba wszystko jasne, jak nie to zapraszam na stronę http://www.kurshtml.boo.pl

[Chmura]

hmm chyba się źle zrozumieliśmy lub Pan nie dokładnie przeczytał posta (lub sam temat posta)

Pański przykład przedstawia typową podmianę obrazka a.gif na b.gif co defakto jest banalne w zastosowaniu...

proszę Państwa chodzi mi o zmianę koloru nie podmianę obrazka tak jak przy odpowiedzi BaZa92.

może trochę zagłębie sie w problem

obrazek 1.gif (podstawowy)
----------------------
--------() ()---------
------( O.o)--------
----~(--O-)~------
-------^ ^-----------
----------------------

obrazek 1.gif (po najechaniu)

----------------------
--------() ()---------
------( O.o)--------
----~(--O-)~------
-------^ ^-----------
----------------------

obrazek 1 gif (po odjechaniu)

----------------------
--------() ()---------
------( O.o)--------
----~(--O-)~------
-------^ ^-----------
----------------------


zauważcie ze cały czas bazujemy na tym samym obrazku (1.gif)

myślę ze teraz nie będzie żadnych nie domówień i nieporozumień :-)

[atom]

JavaScript raczej nie został przygotowany do operacji na grafice. Być może jakoś się da to zrobić (ja nie wiem jak), ale będzie to zapewne straszna masakra (i nie będzie działało na każdej przeglądarce). Odpowiedz BaZa92 jest jak najbardziej OK - chodzi o to że uzyskasz taki efekt jaki oczekujesz.

Pytanie co jest fajniejsze JavaScript czy PHP jest bez sensu. To zupełnie różne języki, używane do różnych celów (nie można używać albo tego, albo tego, w zależności od upodobań). Jeden działa po stronie klienta, drugi po stronie serwera, każdy zaprojektowany został w innym celu, choć oba wykorzystywane są przy tworzenie stron/aplikacji www. Takie porównanie nie ma sensu.

[koziolek]

Na webie JS nie może podmienić kolorów w obrazku. Nie można operować na plikach. Generalnie JS na www może w sposób bezpieczny działać tylko na obiektach DOM.
Żeby było śmieszniej Adobe ma coś co się nazywa Photoshop Script i jest to rozbudowany JS i tam się da.

edit:
ankieta bez sensu. JS i php nie można porównywać bo działają w zupełnie innym środowisku

[123456]

To co chcesz zrobić jest możliwe ale tylko i wyłącznie w nieśmiertelnej przeglądarce z Redmond dla której właściwość filter zastała stworzona. Da się to zrobić na samym css'ie

Kod: Zaznacz cały

Filter: Gray;

Pod fx'em i operą za bardzo nie wiem czy da sie zrobic bez podmiany obrazków.

[Chmura]

123456 - tak patrzyłem na tą metodę ale tak jak mówisz działa tylko pod badzIEwiem, zastanawiało mnie tylko czy przy pomocy JS nie dałoby się jakoś inaczej temu zaradzić.. (widziałem rożne rzeczy jakieś przyciemniacze itp itd)

co do sondy:
kryje sie za nią pytanie czy wybieracie wgłębianie sie w design strony jej zewnętrzny wygląd (js) czy w jej funkcjonalność, oszczędność, lekkość (php)

[Louner]

@chmura
JS też może sporo zmienić pod względem funkcjonalności i lekkości.

[koziolek]

@Chmura filtry z IE nie mają odpowiedników w żadnej innej przeglądarce. JS dla www nie służy do obróbki grafiki.

Porównywanie JS jako narzędzia designerskiego i php jako funkcjonalności i lekkości nie ma sensu.
JS jak i php mogą być lekkie i zapewniać funkcjonalności o jakich Ci sie nie śniło. Design to raczej sprawa przemyślanego html i znajomości css + trochę talentu graficznego.
90%mojej pracy jako webdevelopera poświęciłem aplikacją z interfejsem webowym i powiem że JS i język ServerSide to zupełnie dwa odmienne światy, które świetnie się uzupełniają. Funkcjonalność na stronie to 70% odpowiedni kod html+css + 10% kod JS + 10%ServerSide + 10% WAI.