Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Прокрутка картинок по кругу. (https://javascript.ru/forum/misc/6649-prokrutka-kartinok-po-krugu.html)

ZeCron 11.12.2009 21:32

Прокрутка картинок по кругу.
 
Только начинаю учить 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--;" на циклы. За ранее спасибо.

Gvozd 12.12.2009 10:46

какие нахрен циклы?
не в данном случае
сделайте else для своего условия просто, и выставьте там возвращение обратно

subzey 12.12.2009 11:46

Как вариант:

У Вас есть счетчик p, у Вас есть количество всех картинок. Вам ничего не мешает делать конструкции типа
p % imgLen
(p + 1) % imgLen
(p - 1 + imgLen) % imgLen


Часовой пояс GMT +3, время: 07:22.