Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Powiększanie i pomniejszanie zdjęcia
Barblade
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 28.07.2009

Ostrzeżenie: (0%)
-----


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:

  1.  
  2. <img id="aa" src="zdjecie.jpg" width="300" height="210" onclick="powieksz()" style ="cursor:hand">
  3.  
  4. <script type="text/javascript">
  5.  
  6. function powieksz() {
  7.  
  8. document.getElementById("aa").width="500";
  9. document.getElementById("aa").height="400";
  10.  
  11.  
  12. }
  13.  


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 ?


Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Barblade
post
Post #2





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 28.07.2009

Ostrzeżenie: (0%)
-----


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

  1. <img src="zdjecie.jpg" id="bb" width="300" height="210" onclick="wielkosc(1, this)" style ="cursor:hand">
  2.  
  3. <img src="zdjecie2.jpg" id="bb" width="300" height="210" onclick="wielkosc(1, this)" style ="cursor:hand">
  4.  
  5. <script language="JavaScript">
  6.  
  7. function wielkosc(typ, zdjecie) {
  8.  
  9. if (typ == 1) {
  10. zdjecie.width="600";
  11. zdjecie.height="500";
  12. zdjecie.onclick='wielkosc(0, this)';
  13. zdjecie.id='aa';
  14. document.getElementById("bb").width="300";
  15. document.getElementById("bb").height="210";
  16. zdjecie.id='bb';
  17. }
  18. else {
  19. zdjecie.width="300";
  20. zdjecie.height="210";
  21. zdjecie.onclick='wielkosc(1, this)';
  22. }}


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ł) ?





Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 06:40