jQuery. Обернуть элемент img в тэг <a> со ссылкой на себя jQuery. Обернуть элемент img в тэг <a> со ссылкой на себя

jQuery. Обернуть элемент img в тэг <a> со ссылкой на себя

Дата: Понедельник, 02.11.2015, 15:07 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

Скрипт, который избавит вас от рутины ручного обертывания картинок страницы сайта в <a class="ulightbox"...

html
----------------------------------------------------------------
<link href="http://s21.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://s21.ucoz.net/src/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://montazh54.ru/index_files/ulightbox.js"></script>

<div id="misst1">
<img src="http://cs627927.vk.me/v627927943/1ceae/_X5m76IEf1g.jpg" />
<img src="http://cs627927.vk.me/v627927943/1ce5f/lMrSSHCCnQU.jpg" />

</div>

jQuery
---------------------------------------------------------------------------
var par1="#"+$("img").parents().attr("id"); // указываем какие картинки обертываем

for(var i=0;i<$(par1+" img").length;i++){
$(par1+" img").eq(i).wrap("<a class='ulightbox' data-fancybox-group='ulb1' href='"+$(par1+" img").eq(i).attr('src')+"'></a>");
}
$(par1+" img").css("height","100px"); //применяем стили для вывода картинок(или в css)

Пример: http://codepen.io/anikey99/pen/dYjGMG

jQuery. Обернуть элемент img в тэг <a> со ссылкой на себя - Архив