+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Скрипт смены картинки вперед-назад(вправо влево)

Выглядит этот скрипт следующим образом: одна картинка, рядом с ней кнопки или стрелки ВПЕРЕД НАЗАД при нажатии на которые картинка пролистывается.
Делаем.
Для начала пишем скрипт:
<script language="JavaScript" type="text/javascript">
<!--
var current=1;
var kolvo=5; //количество картинок

// массив картинок
tumb= new Array();
tumb[0]=new Image(); // картинка 1
tumb[1]=new Image(); // картинка 2
tumb[2]=new Image(); // картинка 3
tumb[3]=new Image(); // картинка 4
tumb[4]=new Image(); // картинка 5

//сами картинки, не ошибитесь с путем...
tumb[0].src="1.jpg"
tumb[1].src="2.jpg"
tumb[2].src="3.jpg"
tumb[3].src="4.jpg"
tumb[4].src="5.jpg"

function frw(){
if (current < kolvo) {
current++;
document.images['r'].src=tumb[current-1].src;
}
}
function bck(){
if (current > 1) {
current--;
document.images['r'].src=tumb[current-1].src;
}
}
-->
</script>
Теперь HTML
<table cellspacing="4" cellpadding="0" border="1">
<tr>
<td>
<img src="1.jpg" name="r">
</td>
</tr>
<tr>
<td>
<input type="button" value="Назад" onClick="bck()">
<input type="button" value="Вперед" onClick="frw()">
</td>
</tr>
</table>
Демонстрация


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 6375