Форум Сайтостроение Веб-строительство

Нужна помощь! Как вставить ссылки ?

A8
На сайте с 09.05.2014
Offline
1
Alex8787
462

Нужна помощь! Как вставить ссылки ко всем 5 изображения ? Чтобы при нажатие на картинку открывалась ссылка.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>test</title>

<script type="text/javascript">

var chet = 1;

window.onload = function () { setTimeout(frout, 4000); }

function frout() {

chet++;

if (chet>5) {chet=0;}

switch(chet) {

case 1:

document.getElementById('img').src = "изображение1";

break;

case 2:

document.getElementById('img').src = "изображение2";

break;

case 3:

document.getElementById('img').src = "изображение3";

break;

case 4:

document.getElementById('img').src = "изображение4";

break;

case 5:

document.getElementById('img').src = "изображение5";

break;

}

setTimeout(frout, 4000);

}

</script>

</head>

<body>

<p><img src="изображение1" onclick="frout();" id="img" alt="" /></p>

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#1

window.open('url');

var src, url;

switch(chet) {

case 1:

src = "изображение1";

url = "url1";

break;

case 2:

src = "изображение2";

url = "url2";

break;

case 3:

src = "изображение3";

url = "url3";

break;

case 4:

src = "изображение4";

url = "url4";

break;

case 5:

src = "изображение5";

url = "url5";

break;

}

document.getElementById('img').src = src;

window.open(url);

switch(chet) советую в данном случае заменить на массив.

eTarget 2011:Панельная дискуссия «Стратегия Могут ли «плохие» входящие Отчет о конференции User
A8
На сайте с 09.05.2014
Offline
1
Alex8787
#2

Не получается ((

М
На сайте с 05.02.2014
Offline
30
Маркус
#3

Alex8787, предлагаю обернуть <IMG> в ссылку, т.е. вместо вашего 

<p>

  <img src="изображение1" onclick="frout();" id="img" alt="" />

</p>

использовать 

<p>

  <a href="…" id="anchor"><img src="изображение1" onclick="frout();" id="img" alt="" /></a>

</p>

а внутри функции frout() выполнять ротацию не только src картинки, но и href ссылки.

---------- Добавлено 20.05.2014 в 20:25 ----------

А ещё, как правильно заметил siv1987, лучше заменить ваш switch на массив. Причина: в каждом case выполняется одно и то же действие — подстановка жёстких данных. Вычислений никаких нет.

Сделать можно, например, так:

var img_src_list = ['изображение1', 'изображение2', 'изображение3', 'изображение4', 'изображение5'];

function frout() {

…

document.getElementById('img').src = img_src_list[ chet - 1 ];

// вычитать 1 здесь нужно, потому что она у вас от 1 до 5, а индексация в массивах — с 0

…

}

Платон Щукин про индексацию Клики, показы и позиция Оптимизируем видео из YouTube

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий