+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>
Демонстрация
Остались вопросы? Спрашивайте!
Понравилась статья? Расскажи другим :)
Опубликовано: | Просмотров: 16338