Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Zmiana obrazka - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Zmiana obrazka (/thread-zmiana-obrazka)



Zmiana obrazka - INTERNETGIRL - 30-12-2010

Szukam sposobu, który pozwoliłby mi po kliknięciu w obrazek zmienić go na inny. Nie wiem czy można takie coś wykonać przy użyciu CSS, tak jak na przykład w przypadku a: visited. Czytałam, że JS obsługuje coś takiego ale na tym języku nie znam się kompletnie.
Potrafię zrobić taki 'myk' we Flashu, ale nie wiem czy opłaca mi się zaśmiecać nim strone. Czy jest jakaś mądra główka, która zechciałaby się wypowiedzieć ?

Bardzo proszę o pomoc.


RE: Zmiana obrazka - Kartofelek - 30-12-2010

Proszę cię bardzo:

<img src="........" id="obrazek" width="...." height="....." alt="...." />

<script type="text/javscript">
function zmienObrazek() {
this.src = 'nowy src obrazka';
this.onclick = null;
}

var obr = document.getElementById('obrazek');
obr.onclick = zmienObrazek;
</script>

W najnowszym CSS ogarniesz to samymi stylami.
Do poczytania:
http://doman.art.pl/kursjs/kurs/obrazki.html
Ps. Nie podałem ci nowego sposobu na łapanie zdarzeń (który jest taki sam jak w AS), bo IE...