Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] kilkakrotny onclick
Forum PHP.pl > Forum > Przedszkole
gutek84
Mam obrazek na stronce. <img src="img/a1.png" onclick="src='a2.png'"> i chcialbym zeby przy kolejnym przycisnieciu src="a3.png" i tak dalej. ondblclick odpada!
prosze o pomoc
pozdrawiam
colinQ
Napisz sobie funkcje w JavaScript która po każdym kliknięciu będzie zwiększała zmienną o 1 czyli coś w stylu:

  1. zmienna = zmienna + 1;


i wyświetlała plik o nazwie równej wartości zmienna smile.gif smile.gif
bim2
  1. function zmien()
  2. {
  3. zmienna = zmienna+1;
  4. document.getElementBydId('image').src = 'obrazke'+zmienna+'.jpg';
  5. }
  6.  
  7. <img src="obrazek0.jpg" id="image" onclick="zmien();" />


Chyba jakoś tak.
gutek84
znalazlem cos takiego na tym forum:
  1. <script language="JavaScript">
  2. function ChangeImg( new_src )
  3. {
  4. document.images.change.src = new_src;
  5. }
  6. </script>
  7. <img id="change" name="change" src="zdjecie1.jpg"><br />
  8. <a onClick="ChangeImg( 'zdjecie1.jpg' )"> 1
  9. </a> <br />
  10. <a onClick="ChangeImg( 'zdjecie2.jpg' )" > 2
  11. </a> <br />
  12. <a onClick="ChangeImg( 'zdjecie3.jpg' )" > 3
  13. </a> <br />

to dziala z tym ze chce uzyskac inny efekt

wiec funkcje zmienilem na podobna, tylko ztym jak podpowiada kolega bim2.

  1. function ChangeImg()
  2. {
  3. zm=zm+1;
  4. document.images.change.src = 'img/a'+zm+'.png';
  5. }
  6.  
  7. .
  8. .
  9. .
  10. <img id="change" name="change" src="img/a1.png" onClick="ChangeImg()">


i jezeli wpisze na sztywno ...src='img/a2.png' to dziala elegancko. a jezeli mam tak jak w funkcji powyzej to obrazki mi sie nie zmieniaja. Problem tkwi jak sie domyslam ze zmienna zm.
jak to zrobic?
bim2
Pokaż błedy, ale na oko zmienna 'zm' nie jest zdefyniowana gdy dodajesz do niej +1. Dać pozafunkcją gdzieś na początku zm = 1; i powinno działać.

btw. nie ten dział forum ;]
gutek84
Dzieki bim2 tego mi brakowalo.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.