Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.03.2011, 13:52
Новичок на форуме
Отправить личное сообщение для Pham Посмотреть профиль Найти все сообщения от Pham
 
Регистрация: 15.03.2011
Сообщений: 3

Как прикрепить 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>
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2011, 15:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

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

<!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.
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2011, 15:39
Новичок на форуме
Отправить личное сообщение для Pham Посмотреть профиль Найти все сообщения от Pham
 
Регистрация: 15.03.2011
Сообщений: 3

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

Pham, еще раз посмотрел в Опере... Ссылка в статусной строке меняется. На картинки переходит разные, те, которые и нарисованы в центре.
Ответить с цитированием
  #5 (permalink)  
Старый 15.03.2011, 15:54
Новичок на форуме
Отправить личное сообщение для Pham Посмотреть профиль Найти все сообщения от Pham
 
Регистрация: 15.03.2011
Сообщений: 3

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

Спасибо))
Эт я просто туплю)
Ответить с цитированием
  #6 (permalink)  
Старый 15.03.2011, 16:01
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от Pham
Спасибо))
Что-то не прибавилось к карме-то...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JQuery как получить url? Memfis jQuery 8 29.07.2011 01:39
Как правильно прописать URL xela1980 jQuery 1 16.12.2009 15:39
Как можно изменить URL в адресной строке браузера? балерун Events/DOM/Window 12 17.11.2009 13:08
Как правильно послать XML в POST запросе LowCoder AJAX и COMET 10 15.07.2009 23:20
Как можно прикрепить звук к символу? Дима1234 Общие вопросы Javascript 1 16.10.2008 17:27