Помогите сделать кнопки к СлайдШоу!!!!
Здравствуйте! Меня интересует такой вопрос! уже сделала кнопки ВПЕРЕД, НАЗАД, СТАРТ , СТОП а также нужно сделать кнопки к слайд шоу, которые либо увеличивают скорость прокрутки БЫСТРЕЕ и также другая кнопка которая ее уменьшает МЕДЛЕННЕЕ! также нужно сделать снизу строчку, которая описывает что делает данная кнопка в данный момент ! Вот то что , я уже сделала (я только на самых началах)))) Всем спасибо за помощь
<html> <head> <title>Animals</title> <script language = "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[0]="imgslide/fox.jpg" imgslide[1]="imgslide/1028.jpg" imgslide[2]="imgslide/hourse.jpg" imgslide[3]="imgslide/Indian-elephant-2.jpg" imgslide[4]="imgslide/mishka.jpg" imgslide[5]="imgslide/fox.jpg" var timer; var i = 1000; var t = 2000; function dem(n) { if (n==1) { numimg++ if (numimg==6) numimg=0; } else {numimg-- if (numimg== -1) numimg=5; } document.images[0].src=imgslide[numimg] } function anumslides() { clearInterval(timer); (document.images[0].src=imgslide[numimg]) {numimg++} if(numimg>5) {numimg=0;} timer = setInterval("anumslides()",1000); } function stopSlideShow(){ clearInterval(timer); } function faster() { } function slower() { } </script> </head> <body align="center"> <h1>Animals</h1> <input type=button value=Back onClick="dem(0)"> <img name="tmuna" src = "imgslide/fox.jpg" width="400" height="300"> <input type=button value=Next onClick="dem(1)"><br> <input type=button value=Start onClick="anumslides()"><br><br> <input type=button value=Stop onClick="stopSlideShow()"> <br><br> <input type=button value=Faster onClick="faster()"> <input type=button value=Slower onClick="slower()"> </body> </html> |
<html>
<head>
<title>Animals</title>
<script language = "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[0]="imgslide/fox.jpg"
imgslide[1]="imgslide/1028.jpg"
imgslide[2]="imgslide/hourse.jpg"
imgslide[3]="imgslide/Indian-elephant-2.jpg"
imgslide[4]="imgslide/mishka.jpg"
imgslide[5]="imgslide/fox.jpg"
var timer;
var i = 1000;
var t = 2000;
var speed = 1000;
function dem(n)
{
if (n==1)
{ numimg++
if (numimg==6)
numimg=0;
}
else
{numimg--
if (numimg== -1)
numimg=5;
}
document.images[0].src=imgslide[numimg]
}
function anumslides()
{
clearInterval(timer);
(document.images[0].src=imgslide[numimg])
{numimg++}
if(numimg>5)
{numimg=0;}
timer = setInterval("anumslides()",speed);
}
function stopSlideShow(){
clearInterval(timer);
}
function faster()
{
speed -= 100;
}
function slower()
{
speed += 100;
}
</script>
</head>
<body align="center">
<h1>Animals</h1>
<input type=button value=Back onClick="dem(0)">
<img name="tmuna" src = "imgslide/fox.jpg" width="400" height="300">
<input type=button value=Next onClick="dem(1)"><br>
<input type=button value=Start onClick="anumslides()"><br><br>
<input type=button value=Stop onClick="stopSlideShow()"> <br><br>
<input type=button value=Faster onClick="faster()">
<input type=button value=Slower onClick="slower()">
</body>
</html>
|
и писать лучше не так
timer = setInterval("anumslides()",1000); а вот так: timer = setInterval(anumslides, 1000); anumslides можно сказать это переменная, которая хранит в себе функцию console.log(anumslides) http://javascript.ru/forum/dom-windo...tml#post332089 |
Школьнику дали задание, ему пофиг как писать и где эти переменные. Интересно другое - за каким чертом они изучают ява-скрипты? Идиотизм какой-то. Тут явно же учебник за 90-й лохматый год. Так давным давно не пишут, а в утвержденном хз когда учебнике все замерзло.
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 05:03. |