Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как прикрепить url к изображению в фотоальбоме. (https://javascript.ru/forum/misc/15831-kak-prikrepit-url-k-izobrazheniyu-v-fotoalbome.html)

Pham 15.03.2011 13:52

Как прикрепить url к изображению в фотоальбоме.
 
Не могу задать, Url для нужной картинки. Порылся в интернете, но не понял как сделать.

Мне нужно, что бы при клике на изображение, оно открывалось в новом окне.
Но вот проблема((... Открывается всегда одно и то же изображение.


http://justcup.ru/ex.html - вот то что я сделал.
вот скрипт...
<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.slideshow.src = NewImg[ImgNum];
document.slideshow.href = NewImg[ImgNum];

ImgNum1 = ImgNum - 1
if (ImgNum1 < 0) {
ImgNum1 = ImgLength;
}
if (ImgNum1 > ImgLength) {
ImgNum1 = 0;
}
document.slideshow1.src = NewImg[ImgNum1];



ImgNum3 = ImgNum + 1
if (ImgNum3 < 0) {
ImgNum3 = ImgLength;
}
if (ImgNum3 > ImgLength) {
ImgNum3 = 0;
}
document.slideshow3.src = NewImg[ImgNum3];
   }
}

</script>





<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" name="slideshow1" width="189" height="255"></div></td>
</tr>
<tr>

а вот проблемное место... Объясните что я делаю не так.
<td align="center">
<a href="http://justcup.ru/ExampleNewMile/img.jpg" name="slideshow">
<div class="Example2">
<img src="http://justcup.ru/ExampleNewMile/img.jpg" name="slideshow" width="240" height="100%">
</div>
</a>
</td>
</tr>
<tr>
<td align="center"><div class="Example3"><img src="http://justcup.ru/ExampleNewMile/img2.jpg" 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>

ksa 15.03.2011 15:24

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

<!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>

Pham 15.03.2011 15:39

Крутиться крутяца, а вот когда надо перейти на одну из них, которая в центре, выкидывает на первую.

ksa 15.03.2011 15:48

Pham, еще раз посмотрел в Опере... Ссылка в статусной строке меняется. На картинки переходит разные, те, которые и нарисованы в центре.

Pham 15.03.2011 15:54

О... действительно заработало.

Спасибо))
Эт я просто туплю)

ksa 15.03.2011 16:01

Цитата:

Сообщение от Pham
Спасибо))

Что-то не прибавилось к карме-то... :D


Часовой пояс GMT +3, время: 08:46.