Смотрел в Опре - картинки крутятся...
<!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>