Прокрутка картинок по кругу.
Только начинаю учить javascript :yes: , но вот с циклами еще не разобрался, не могли бы помочь написать цикл для скрипта что бы картинки переключались по кругу, а не останавливались при достижение крайней.
<html> <head> <script type="text/javascript"> <!-- p=1; function rs() { if (p!=3) { p++; document.getElementById("img1").src=p+".bmp"; document.getElementById("img2").src=(p+1)+".bmp"; document.getElementById("img3").src=(p+2)+".bmp"; } } function ls() { if (p!=1) { p--; document.getElementById("img1").src=p+".bmp"; document.getElementById("img2").src=(p+1)+".bmp"; document.getElementById("img3").src=(p+2)+".bmp"; } } --> </script> </head> <body bgcolor="8001f7"> <center><form method = " post" action=""> <input type="button" value="<<" onclick="ls();"> <img src="1.bmp" width="200px" height="200px" border="4" id="img1"></td> <img src="2.bmp" width="450px" height="450px" border="4" id="img2"></td> <img src="3.bmp" width="200px" height="200px" border="4" id="img3"></td> <input type="button" value=">>" onclick="rs();"></center> </body> </html> Как вы наверное поняли исправить места "{ if (p!=3) { p++;" , "{ if (p!=1) { p--;" на циклы. За ранее спасибо. |
какие нахрен циклы?
не в данном случае сделайте else для своего условия просто, и выставьте там возвращение обратно |
Как вариант:
У Вас есть счетчик p, у Вас есть количество всех картинок. Вам ничего не мешает делать конструкции типа p % imgLen (p + 1) % imgLen (p - 1 + imgLen) % imgLen |
Часовой пояс GMT +3, время: 08:52. |