Witam, wiem jak zrobić aby powiększyć zdjęcie, ale nie wiem jak zrobić aby potem je pomniejszyć po kliknięciu na nie / na inne.
Oto fragment kodu:

[HTML] pobierz, plaintext 
 
<img id="aa" src="zdjecie.jpg" width="300" height="210"  onclick="powieksz()" style ="cursor:hand">
 
<script type="text/javascript">
 
function powieksz() {
 
document.getElementById("aa").width="500";
document.getElementById("aa").height="400";
 
 
}
 
</script>
[HTML] pobierz, plaintext 

Próbowałeem tak:
if zmienna == 0{
funkcja powiększjąca
po powiększeniu zmiana wartości: zmienna = 1

}

else if zmienna == 1{
funkcja pomniejszająca
po pomniejszeniu zmiana wartości: zmienna = 0
}

Ale nic mi nie wychodziło, czy mógłbym prosić o pomoc ?

Masz gotowca :

[HTML] pobierz, plaintext 
<img src="obrazek.gif" onclick="java script:zmienwielkosc(1, this);">
[HTML] pobierz, plaintext 

i java script:


P.S. Nie wiem, czy działa, bo pisałem z komórki (szarej).

W sumie, to możesz sobie stworzyć dodatkowe atrybuty, które będą przechowywały oryginalną wielkość.

Chyba ze 2 błędy zrobiłeś, ale przydało się, bo już mi działa :}

[HTML] pobierz, plaintext 
<img src="zdjecie.jpg" id="bb" width="300" height="210" onclick="wielkosc(1, this)" style ="cursor:hand">
 
<img src="zdjecie2.jpg" id="bb" width="300" height="210" onclick="wielkosc(1, this)" style ="cursor:hand">
 
<script language="JavaScript">
 
function wielkosc(typ, zdjecie) {
 
 if (typ == 1) {
zdjecie.width="600";
zdjecie.height="500";
zdjecie.onclick='wielkosc(0, this)';
zdjecie.id='aa';
document.getElementById("bb").width="300";
document.getElementById("bb").height="210";
zdjecie.id='bb';
  }
  else {
zdjecie.width="300";
zdjecie.height="210";
zdjecie.onclick='wielkosc(1, this)';
}}
</SCRIPT>
[HTML] pobierz, plaintext 

Zrobiłem tak, aby po kliknięciu w inny obrazek, poprzedni się pomniejszał, ale działa to tylko w przypadku gdy mam 2 zdjęcia i występuje dziwny efekt, że trzeba klikać 2 razy w obrazek.
Zna ktoś jakąś inna metode (aby po kliknięciu w obrazek, poprzedni się pomniejszał) ?