Показать сообщение отдельно
  #2 (permalink)  
Старый 15.03.2011, 15:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Смотрел в Опре - картинки крутятся...

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
NewImg = new Array (
"http://justcup.ru/ExampleNewMile/img.jpg",
"http://justcup.ru/ExampleNewMile/img2.jpg",
"http://justcup.ru/ExampleNewMile/img3.jpg",
"http://justcup.ru/ExampleNewMile/img4.jpg",
"http://justcup.ru/ExampleNewMile/img5.jpg"
);

var ImgLength = NewImg.length - 1;
var ImgNum = 0;
var ImgNum1 = ImgLength;
var ImgNum2 = 0;
var ImgNum3 = 1;
function chgImg(direction) {
if (document.images) {
	ImgNum = ImgNum + direction;
	if (ImgNum > ImgLength) {
		ImgNum = 0;
	}
	if (ImgNum < 0) {
		ImgNum = ImgLength;
	}
	document.getElementById('slideshow').src = NewImg[ImgNum];
	document.getElementById('slideshow_a').href = NewImg[ImgNum];
	ImgNum1 = ImgNum - 1
	if (ImgNum1 < 0) {
		ImgNum1 = ImgLength;
	}
	if (ImgNum1 > ImgLength) {
		ImgNum1 = 0;
	}
	document.getElementById('slideshow1').src = NewImg[ImgNum1];
	ImgNum3 = ImgNum + 1
	if (ImgNum3 < 0) {
		ImgNum3 = ImgLength;
	}
	if (ImgNum3 > ImgLength) {
		ImgNum3 = 0;
	}
	document.getElementById('slideshow3').src = NewImg[ImgNum3];
	}
}
</script>
<style>
.LeftContTop {
	height: 10px;
	border: 1px solid;
}
.LeftContBottom {
	height: 10px;
	border: 1px solid;
}
</style>
</head>
<body>
<div class="LeftCont">
<table border="0" cellpadding="0" cellspacing="0" width="250" id="table1" align="left" bgcolor="#e3e3e3">
<tr>
<td align="center"><a href="javascript:chgImg(1)"><div class="LeftContTop"></div></a></td>
</tr>
<tr>
<td align="center"><div class="Example1"><img src="http://justcup.ru/ExampleNewMile/img5.jpg" id="slideshow1" name="slideshow1" width="189" height="255"></div></td>
</tr>
<tr>
а вот проблемное место... Объясните что я делаю не так.
<td align="center">
<a href="http://justcup.ru/ExampleNewMile/img.jpg" id="slideshow_a" name="slideshow">
<div class="Example2">
<img src="http://justcup.ru/ExampleNewMile/img.jpg" id="slideshow" name="slideshow" width="240px" height="100%">
</div>
</a>
</td>
</tr>
<tr>
<td align="center"><div class="Example3"><img src="http://justcup.ru/ExampleNewMile/img2.jpg" id="slideshow3" name="slideshow3" width="189" height="255"></div></td>
</tr>
<tr>
<td align="center"><a href="javascript:chgImg(-1)"><div class="LeftContBottom"></div></a></td>
</tr>

</table>
    </div>
</body>
</html>

Последний раз редактировалось ksa, 15.03.2011 в 15:28.
Ответить с цитированием