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

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

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » jQuery. Обернуть элемент img в тэг <a> со ссылкой на себя (Как создать для картинок увеличение в стиле lightbox)
jQuery. Обернуть элемент img в тэг <a> со ссылкой на себя
Дата: Понедельник, 02.11.2015, 15:07 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
Скрипт, который избавит вас от рутины ручного обертывания картинок страницы сайта в <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> со ссылкой на себя (Как создать для картинок увеличение в стиле lightbox)
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!