Zmiana obrazka jedynie w momencie przyciśnięcia klawisza myszy. Element.bln. JavaScript

Question

Hej,

w trakcie poszukiwań pomocy w stworzeniu funkcji umożliwiającej zmianę obrazka jedynie w samym momencie kliknięcia znalazłam coś takiego:

     function changeImage(element) {
         var right = "http://i.imgur.com/6enLqgn.jpg";
         var left = "http://i.imgur.com/dBIRe8n.jpg?1?4649";
         element.src = element.bln ? right : left;
         element.bln = !element.bln;
     }

( http://jsfiddle.net/8yytW/1/ )

Czy mógłbym mi ktoś wytłumaczyć powód umieszczenia element.bln? Nie rozumiem tego zupełnie, zwłaszcza linii "element.bln = !element.bln".

Z góry dziękuję za pomoc,
Dagmara

Answer 1

Jakby najlatwiej Ci to wytlumaczyc, dodal do elementu swoja wlasciwosc/zmienna, bln pewnie od wartosci boolean.

         element.src = element.bln ? right : left;

jest to skrocona wersja if, tzn jesli element.bln daje wartosc logiczna true, wybiera pierwsza opcje, w przeciwnym wypadku wybiera wartosc po :

element.bln = !element.bln;

Jest po to aby zmienic wartosc, ! oznacza negacje. Dla false bedzie to true.

 

Comments

Hmmm... właśnie ta negacja jest dla mnie nie jasna, dlaczego nie wystarczy sam if/else, jaki jest cel użycia tej ostatniej linii.

---

Celem tej linijki jest zmienienie wartosci bln kliknietego elementu na przeciwna, po podmianie zdjecia. Co w tym jest niejasnego? ;)

---

Przeanalizowałam dziś na świeżo Twój wcześniejszy komentarz i teraz załapałam. Podświadomie zaczęłam to analizować pod kątem zmiany obrazka jedynie w momencie kliknięcia, co było moim wyjściowym problemem. Bardzo dziękuję za pomoc!