Замена тегов HTML
Здравствуйте. Есть на странице часть кода, которую изменить вручную никак нельзя:
<div class="item active"> <img src="/alboms/3/7/slide_1.jpg" alt=" "> </div> <div class="item "> <img src="/alboms/3/7/slide_2.jpg" alt=" "> </div> <div class="item "> <img src="/alboms/3/7/slide_3.jpg" alt=" "> </div> Необходимо с помощью javascript или css если это вообще возможно заменить теги <img src="/alboms/3/7/slide_1.jpg" alt=" ">на <a href="http://website.ru/"><img src="/alboms/3/7/slide_1.jpg" alt=" " border="0"></a> |
dizzikz,
:) jQuery иожно использовать ? |
Можно попробовать. Есть подключенные некоторые jQuery функции. Сам добавить другие не могу, только использовать существующие. Если с помощью них получится то будет здорово.:)
|
<script>
$(document).ready(function(){
var a1= '<a href="http://website.ru/"><img src="';
var a2= 'alt=" " border="0"></a>';
$("div.item.active > img").each(function () {
$(this).replaceWith(a1+$(this).attr()+a2);
});
});
</script>
<div class="item active">
<img src="/alboms/3/7/slide_1.jpg" alt=" ">
</div>
<div class="item ">
<img src="/alboms/3/7/slide_2.jpg" alt=" ">
</div>
<div class="item ">
<img src="/alboms/3/7/slide_3.jpg" alt=" ">
</div>
</div>
|
Для этого есть jQuery-метод wrap :
<script>
$(document).ready(function(){
$('div.item > img').wrap('<a href="http://website.ru/" />');
});
</script> бордер обнулить либо через css - img{border: none} либо через jQuery - .attr('border', 0) |
danik.js,
Там вродь img чуть сменилось Цитата:
|
Всем спасибо, сделал через innerHTML.
|
Бесплатный курс по HTML (33 видеоурока!) http://http://1popov.ru/taxat/promohtml
|
| Часовой пояс GMT +3, время: 16:57. |