Ссылка джаваскриптом с картинки
Вложений: 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, время: 05:58. |