Ссылка джаваскриптом с картинки
Вложений: 1
Здравствуйте.
Мне нужно поставить ссылку с помощью Java Script с картинки. Имеется 4 картинки, расположенных горизонтально в одном блоке. Почему-то ссылка работает только с первой картинки, с остальных - не работает. В чем может быть проблема?
<div class="items">
<div class="item">
<p class="item_image"><a name="a" id="a"><img src="/img.jpg" /></a><script type="text/javascript">document.getElementById('a').setAttribute('href','/');</script>
<p class="item_descr"><a href="#2" title="ссылка 2">Текст ссылки</a></p>
</div>
<div class="item">
<p class="item_image"><a name="a" id="a"><img src="/img.jpg" /></a><script type="text/javascript">document.getElementById('a').setAttribute('href','/');</script>
<p class="item_descr"><a href="#2" title="ссылка 2">Текст ссылки</a></p>
</div>
<div class="item">
<p class="item_image"><a name="a" id="a"><img src="/img.jpg" /></a><script type="text/javascript">document.getElementById('a').setAttribute('href','/');</script>
<p class="item_descr"><a href="#2" title="ссылка 2">Текст ссылки</a></p>
</div>
<div class="item">
<p class="item_image"><a name="a" id="a"><img src="/img.jpg" /><script type="text/javascript">document.getElementById('a').setAttribute('href','/');</script></a>
<p class="item_descr"><a href="#2" title="ссылка 2">Текст ссылки</a></p>
</div>
<div style="clear:both;"></div>
</div>
|
Id должен быть уникальным. И вообще, ваш код ужасен. Просто немыслимо ужасен. Советую прочесть больше половины статьи.
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html lang="en">
<head>
<title>Jquery</title>
<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
*{padding:0;margin:0;}
#d0{width:50px;text-align:center;padding:10px;}
a,a img{text-decoration:none;}
a:hover span{color:#f00;text-decoration:underline;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('#d0 a').attr('href','http://google.com');
});
</script>
</head>
<body>
<div id="d0">
<a href="?1">
<img src="http://javascript.ru/forum/image.php?u=7013&dateline=1279889551" alt="img1"/>
<span>Text1</span>
</a>
<a href="?2">
<img src="http://javascript.ru/forum/image.php?u=7013&dateline=1279889551" alt="img2"/>
<span>Text2</span>
</a>
<a href="?3">
<img src="http://javascript.ru/forum/image.php?u=7013&dateline=1279889551" alt="img3"/>
<span>Text3</span>
</a>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 07:58. |