Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Powiększanie i pomniejszanie zdjęcia
Barblade
post 12.08.2009, 15:56:49
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
zavada
post 12.08.2009, 16:04:03
Post #2





Grupa: Zarejestrowani
Postów: 68
Pomógł: 6
Dołączył: 15.06.2009
Skąd: Kraków

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


Masz gotowca winksmiley.jpg :
  1. <img src="obrazek.gif" onclick="java script:zmienwielkosc(1, this);">

i java script:
Kod
function zmienwielkosc(typ, obiekt) {
  if (typ == 1) {
    obiekt.style.width = '[zwiekszone]';
    obiekt.style.height = '[zwiekszone]';
    obiekt.onclick = 'java script:zmienwielkosc(0, this);';
  }
  else {
    obiekt.style.width = '[zmniejszone]';
    obiekt.style.height = '[zmniejszone]';
    obiekt.onclick = 'java script:zmienwielkosc(1, this);';
  }
}


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

Ten post edytował zavada 12.08.2009, 16:05:57
Go to the top of the page
+Quote Post
erix
post 12.08.2009, 16:04:42
Post #3





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




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


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Barblade
post 13.08.2009, 08:13:07
Post #4





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

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

 



RSS Wersja Lo-Fi Aktualny czas: 28.05.2025 - 22:55