|
Comunitatea uCoz Altele Instrumente şi Script-uri La click să se schimbe imaginea |
La click să se schimbe imaginea |
Bună, am probleme cu scriptul de mai jos, la click ar trebuii să scimbe imaginile.jpg cu imaginile.gif iar apoi invers.
Cod html în aspectul intrărilor <img src="/imagine.jpg" id="pic" onclick="schimba()"/> <img id="druga" src="$RFILE_DIRECT_URL$" style="display:none;"/> <img id="prva" src="/imagine.jpg" style="display:none;"/> js function shimba() { var imag = document.getElementById('pic').src; var img = imag.slice(-3); var img1 = document.getElementById('druga').src; var imag2 = document.getElementById('prva').src; if(img == 'gif') { document.getElementById('pic').src=imag2; } else { document.getElementById('pic').src=img1; } } Am setat ca scriptul acesta să funcţioneze când "RFILE_DIRECT_URL" este o imagine în format gif(asta n-am adăugat mai sus). Cand dau click pe imaginea.jpg ar tebuii ca în locul acesteia să apară imaginea.gif iar dacă dau click pe imaginea.gif să apară din nou imaginea.jpg şi tot asa, însă imaginea se schimbă doar la prima intrare. |
TheGame, încearcă varianta asta, cu mențiunea că trebuie folosit $ID$ pentru că fiecare intrare are ID-ul propriu:
Cod <img src="/imagine.jpg" id="pic$ID$" onclick="schimba$ID$()"/> <img id="druga$ID$" src="$RFILE_DIRECT_URL$" style="display:none;"/> <img id="prva$ID$" src="/imagine.jpg" style="display:none;"/> js function shimba$ID$() { var imag = document.getElementById('pic$ID$').src; var img = imag.slice(-3); var img1 = document.getElementById('druga$ID$').src; var imag2 = document.getElementById('prva$ID$').src; if(img == 'gif') { document.getElementById('pic').src=imag2; } else { document.getElementById('pic').src=img1; } } Be the change you want to see in the world. M Gandhi.
|
Raver, mulţumesc mult!
Şi la codul de jos cu if trebuie adaugat Cod $ID$ |
| |||
| |||