Zmienna grafika, ale nie onmouseover tylko po kliknięciu

[KaRoL]

Mam parę zdjęć Lucy Maud Montgomery i chciałbym, by po kliknięciu na jednym ze zdjeć w jego miejsce pojawiało się inne. Nie chcę dawać żadnych strzałek pod zdjęciem.

[ex]

Zrób zamiast onMouseOver to: onClick

google ukradli?

[KaRoL]

google ukradli?

W ogóle nie jeżdżę na nartach

Można prosić jaśniej? Nidgy nie rozumiałem tych onClicków.
Jeśli można proszę o przykładowy kod

[ex]

Kod: Zaznacz cały

<img src="zdjecie1.jpg" name="obrazek" onClick="document.obrazek.src='zdjecie2.jpg'">

Tak na przyszłość: www.google.pl

[KaRoL]

Fajnie... szkoda tylko, że po ponownym kliknięciu nie powraca do poprzedniego zdjęcia i tak w kółko...
Aha, i czy da się zrobić więcej tych zdjęć czy tylko dwa?
Może jakiś skrypcik?

Tak na przyszłość: www.google.pl

Myślisz, że nie wiem? ( ) A tak w ogóle to korzystam z www.google.com

[Michał Szymczyk]

jeżeli dobrze zrozumiałem o co Ci chodzi, to skrypt znajdziesz tutaj:
http://www.webinside.pl/js/tutoriale/66
i jeszcze krótko o zdarzeniach:
http://www.webinside.pl/js/tutoriale/64

[KaRoL]

jeżeli dobrze zrozumiałem o co Ci chodzi, to skrypt znajdziesz tutaj:
http://www.webinside.pl/js/tutoriale/66
i jeszcze krótko o zdarzeniach:
http://www.webinside.pl/js/tutoriale/64

Czy uważnie czytasz cały topic?
Pisałem, że chcę uzyskać efekt po kliknięciu myszką i nie ma być to onmouseover

[Mayhen]

umiesc sciezki plikow w tablicy, a do odsylacza zlinkuj funkcje ktora powoduje przejscie do kolejnego elementu tablicy - to jeden ze sposobow, dzieki niemu mozna miec z 'n' elementow.

mozna tez zrobic funkcje ktora podmnienia na zasadzie odwrotnosci. potrzeba do tego z 3 zmienne :] - jak znajde/zrobie skrypta to podam linka :]

[KaRoL]

Fajnie. Mam nadzieję, że znajdziesz ten sposób.
Co do zmiennego obrazka to na razie uzyskałem coś takiego:

Kod: Zaznacz cały

<img border="0" src="../images/montgomery.gif" width="97" height="141" name="montgomery" onclick="document.montgomery.src='../images/montgomery2.gif'" onmouseup="document.montgomery.src='../images/montgomery.gif'">

Żeby powrócić do poprzedniego trzeba podwójnie kliknąc na obrazku. Nie da się zrobić, żeby pojedynczo?

[Krzysztof Aszkiełowicz]

Fajnie. Mam nadzieję, że znajdziesz ten sposób.
Co do zmiennego obrazka to na razie uzyskałem coś takiego:

Kod: Zaznacz cały

<img border="0" src="../images/montgomery.gif" width="97" height="141" name="montgomery" onclick="document.montgomery.src='../images/montgomery2.gif'" onmouseup="document.montgomery.src='../images/montgomery.gif'">

Żeby powrócić do poprzedniego trzeba podwójnie kliknąc na obrazku. Nie da się zrobić, żeby pojedynczo?

Da się zrobić i to bardzo prosto..

SEKCJA HEAD:

Kod: Zaznacz cały

<script type="text/javascript">
function zamien(){
var src1 = "images/plik1.jpg";
var src2 = "images/plik2.jpg";
var obrazek = document.images[obrazek].src;
if(obrazek = src1){
document.images[obrazek].src = src2;
}else{
document.images[obrazel].src = src1;
}

}
</script>

SEKCJA BODY:

Kod: Zaznacz cały

<img src="images/plik1.jpg" name="obrazek" onClick="zamien();">

Pisałem z głowy nie sprawdzałem, moze wystąpić błąd.

[KaRoL]

No niestety nie działa...
Może coś takiego powinno być?

Kod: Zaznacz cały

<script type="text/javascript"> 
function zamien(){ 
var src1 = "../images/montgomery.gif"; 
var src2 = "../images/montgomery2.gif"; 
var obrazek = document.images["obrazek"].src; 
if (obrazek = src1){ 
document.images["obrazek"].src = src2; 
} else{ 
document.images["obrazek"].src = src1; 
}

} 
</script>

Działa, ale nie do końca Obrazek się zamienia na ten drugi, ale potem nie chce powrócić do poprzedniego... Zupełnie jak po zastosowaniu "onClick"...
Czy coś nadal jest nie tak? Może źle poprawiłem kod?