[le1t00]

#webdev #kodowanie #jquery

Mam obrazek jako img, po kliknięciu włącza się skrypt, który desaturyzuje mi całą stronę.

Chciałbym natomiast by ten img zamienił się na inny obrazek (kolorowy). Wie ktoś jak to ugryźć bo powoli kończą mi się pomysły?

[S.....m]

@le1t00: co to znaczy desaturyzuje?

[S.....m]

@le1t00: może img.attr('src', 'nowyobrazek.jpg') ?

[S.....m]

@le1t00: tylko dobrze by było go preloadować wcześniej, żeby się nie wczytywał.

[le1t00]

@StaryHipopotam: pozbawia strony koloru.

Właśnie walczę z img.attr('src', 'nowyobrazek.jpg') tylko robi jazdy i zamienia mi dziwnie :/

[S.....m]

@le1t00: może załaduj te dwa obrazki na początku tak żeby ten kolorowy był nad tym normalnym, tylko temu kolorowemu ustaw display:none, a później wywołaj dla niego .show()?

[komeniusz]

@le1t00: na moim boogie masz coś takiego opisane. Link w profilu

[komeniusz]

Blogu*

[komeniusz]

@le1t00: ostatni wpis na głównej i chyba ostatni przykład

[le1t00]

@komeniusz: @StaryHipopotam: udało mi się to ogarnąć :)

W jq dałem hide i show dla dwóch różnych obrazków w funkcji toggle, a w css użyłem selektora :not aby filter: grayscale(0%) nie działał na obrazek, który musi być jako jedyny kolorowy na stronie :)

[le1t00]

@komeniusz: @StaryHipopotam: a nie :/ cofam jednak p---a :/

[S.....m]

@le1t00: kumam. Czemu p---a?

[le1t00]

@StaryHipopotam: gdy dałem not i w {} podałem filter: grayscale(0%) zamiast wcześniej dla innej klasy filter: grayscale(100%) to w ogóle nie dawało grayscale czyli tak jakby not zastosowało się do wszystkiego :/

Wyżej w komentarzu zamiast filter: grayscale(0%) naturalnie powinno byc filter: grayscale(100%)

[le1t00]

@StaryHipopotam: może coś winne jest temu, że klasę desaturacji daję na body, ale inaczej się nie da bo musiałbym wklepać każdą klasę i każdego diva do funkcji. Chociaż nie wydaje mi się by to miało coś do rzeczy.

[S.....m]

@le1t00: no, myślę, że to może być to. Inaczej to musiałbyś pewnie przeiterować po

$('body *').each, ale nie mam pewności.

[S.....m]

@le1t00: obczaj to: http://stackoverflow.com/questions/1535331/how-to-hide-all-elements-except-one-using-jquery

[S.....m]

@le1t00: $('body > :not(#myDiv)').each( function() { $(this).addClass('c--j'); } ) ?

[S.....m]

@le1t00: tak chyba nie dodasz, wydaje mi się, że musisz przeiterować eachem.

[le1t00]

@StaryHipopotam: w ogóle zobaczyłem dziwną rzecz, że jak używam :not w jq to cała strona po zastosowaniu klasy wygląda jakby się spikselozowała :/ Nie kumam tego zjawiska :D

Teraz obczaję to each od Ciebie

[S.....m]

@le1t00: oO nie mam pojęcia.