Как регулировать скорость смены слайдов?
Здравствуйте! Я пока новичок в JS.
Вот к примеру у меня есть простенький скрипт, который меняет картинки через заданный промежуток времени.
Как можно сделать так, чтобы через форму, с помощью кнопок "быстрее" и "медленнее" менялся этот промежуток времени, т.е какое-то значение(число) передавалось вместо "n" вот сюда setTimeout("demoslides()", n )
Уже полдня думаю, что-только не пробовал, ничего не выходит.
Скрипт:
<script type="text/javascript">
<!--
numimg=0
imgslide=new Array()
imgslide[0]=new Image()
imgslide[1]=new Image()
imgslide[2]=new Image()
imgslide[3]=new Image()
imgslide[4]=new Image()
imgslide[5]=new Image()
imgslide[6]=new Image()
imgslide[7]=new Image()
imgslide[8]=new Image()
imgslide[9]=new Image()
imgslide[10]=new Image()
imgslide[11]=new Image()
imgslide[12]=new Image()
imgslide[13]=new Image()
imgslide[0].src="1.jpg"
imgslide[1].src="2.jpg"
imgslide[2].src="3.jpg"
imgslide[3].src="4.jpg"
imgslide[4].src="5.jpg"
imgslide[5].src="6.jpg"
imgslide[6].src="7.jpg"
imgslide[7].src="8.jpg"
imgslide[8].src="9.jpg"
imgslide[9].src="10.jpg"
imgslide[10].src="11.jpg"
imgslide[11].src="12.jpg"
imgslide[12].src="13.jpg"
imgslide[13].src="14.jpg"
//чередование изображений
function demoslides()
{
if(document.images[0].src=imgslide[numimg].src){numimg++}
if(numimg==14) {numimg=0;}
setTimeout("demoslides()", n ) //если вместо k поставить число - "например 1000" то работает.
}
//-->
</script>
<body onLoad="demoslides()">
<img src="img3/15.jpg" width="700" height=500><br>
<form name=form1>
<input type=button value=медленнее onclick="k(1000)">
<input type=button value=быстрее onclick="k(2000)">
</form>
Для удобства прикрепил готовый архив с картинками и .html
Вложения:
|
2.zip (2.89 Мб, 2 просмотров) |
Последний раз редактировалось hostglin, 27.06.2013 в 15:12.
|