Помогите сделать кнопки к СлайдШоу!!!!
Здравствуйте! Меня интересует такой вопрос! уже сделала кнопки ВПЕРЕД, НАЗАД, СТАРТ , СТОП а также нужно сделать кнопки к слайд шоу, которые либо увеличивают скорость прокрутки БЫСТРЕЕ и также другая кнопка которая ее уменьшает МЕДЛЕННЕЕ! также нужно сделать снизу строчку, которая описывает что делает данная кнопка в данный момент ! Вот то что , я уже сделала (я только на самых началах)))) Всем спасибо за помощь
<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, время: 13:52. |