cepera_007
Мой дом здесь!
- Регистрация
- 28 Янв 2007
- Сообщения
- 247
- Реакции
- 274
- Автор темы
- #1
Доброго времени.
Есть такой код:
Подскажите, как можно зациклить показ изображений при нажатии на ссылку "next", чтобы после показа последней фото начинался показ с первой?
Есть такой код:
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<script>
function next() {
kolvo=4
source=document.getElementById('mainimage').src;
sourceStr=source.split('/');
if(sourceStr[sourceStr.length-1]=='blank.jpg') {
im=0;
} else {
im=sourceStr[sourceStr.length-1].substr(5, (sourceStr[sourceStr.length-1].length-9));
im=parseInt(im);
}
if (im==kolvo) {
document.getElementById('mainimage').src='image1.jpg';
}
else {
im++;
document.getElementById('mainimage').src='image'+im+'.jpg';
}
}
function changeImage(filename)
{
document.mainimage.src = filename;
}
</script>
</head>
<body>
<img name="mainimage" src="blank.jpg" id="mainimage"><br>
<a href="javascript:next();">next</a>
<a href="javascript:changeImage('image1.jpg')">Image 1</a>
<a href="javascript:changeImage('image2.jpg')">Image 2</a>
<a href="javascript:changeImage('image3.jpg')">Image 3</a>
<a href="javascript:changeImage('image4.jpg')">Image 4</a>
</body>
</html>