Форум PHP программистов > картинка, выводимая скриптом, как гиперссылка

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: картинка, выводимая скриптом, как гиперссылка

Diman380

23.09.2012 - 18:25

Доброе время суток! Помогите новичку!

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

Прообовла по=-всякому с тегом <a href
но скрипт с ним не работает

код




<script language="JavaScript">
i=0;
img_a=new Array();
img_h=new Array();
img_a[0]=new Image();
img_a[1]=new Image();
img_a[2]=new Image();


img_a[0].src="/sl/1.jpg";
img_a[1].src="/sl/2.jpg"; 
img_a[2].src="/sl/3.jpg"; 



function chImages()
{
document.getElementById('p1').src=img_a[i].src;
i++;
if(i == 3)
i = 0;
setTimeout("chImages()", 2000)
}
</script>
</head>
<body onLoad="chImages()">
<img id="p1" src="1.jpg" >

заранее спасибо!

Спустя 40 минут, 24 секунды (23.09.2012 - 18:05) inpost написал(а):

А где пример с <a href ?

Спустя 10 минут, 28 секунд (23.09.2012 - 18:16) Diman380 написал(а):

Цитата (inpost @ 23.09.2012 - 18:05)

А где пример с <a href ?




<script language="JavaScript">
i=0;
img_a=new Array();
img_h=new Array();


img_a[0]=new Image();
img_a[1]=new Image();
img_a[2]=new Image();
img_a[3]=new Image();





img_a[1].src="/sl/2.jpg";
img_a[2].src="/sl/3.jpg";
img_a[3].src="/sl/4.jpg";



img_a[0].href="http://mail.ru";
img_a[1].href="http://mail.ru";
img_a[2].href="http://mail.ru";
img_a[3].href="http://mail.ru";



function chImages()
{
document.getElementById('p1').src=img_a[i].src;
i++;
if(i == 4)
i = 0;
setTimeout("chImages()", 2000)
}


</script>

<body onLoad="chImages()">
<img id="p1" src="1.jpg" >

mail.ru для приемера.

Один из вариантов...

я так понимаю, нужно

img_a[0] присовить а href/

Но вот как...

или нжно вывести изображение <echo> а его сделать в тегах href ?

Спустя 16 минут, 34 секунды (23.09.2012 - 18:32) inpost написал(а):

Не знаю, что ты хочешь, но твой код может менять СВОЙСТВА(!!!), а тебе не они нужны. Тебе надо добавить ТЕГ перед самой картинкой.

<div class="image">
  СЮДА внутренности вставляй
</div>

А вставлять через innerHTML.
Что вставлять? Прямой код:

<a href="link"><img src="src" /></a>

В нужный код подставляй переменные и всё. Через конкатенацию ( + ).

Спустя 23 минуты, 37 секунд (23.09.2012 - 18:56) Diman380 написал(а):

Цитата (inpost @ 23.09.2012 - 18:32)

<div class="image">
  СЮДА внутренности вставляй
</div>

А вставлять через innerHTML.
Что вставлять? Прямой код:

<a href="link"><img src="src" /></a>

В нужный код подставляй переменные и всё. Через конкатенацию ( + ).

мне нужно, чтобы каждая картинка имела свою гиперссылку...
может, так?


div class="img_a[0]">
а тут что ставить?
</div>

уже крыша едет(((

Спустя 30 минут, 15 секунд (23.09.2012 - 19:26) inpost написал(а):

Нет. Лучше так, как я сказал.

Быстрый ответ:

Здесь расположена полная версия этой страницы.