| XemorDio(died) | Дата: Четверг, 21.01.2016, 11:47 | Сообщение # 1 |
 Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Статус:  |
Скрипт позволяет организовать при клике курсора мыши на миниатюру отрытие картинки в оригинальном размере в стиле ulightbox. Только одно изображение нужно для работы метода. Нет нужны в том что бы делать две разные картинки для миниатюры и для увеличеного варианта. Код избавляет вас от рутинной работы по коду когда вы оформляете материал.
Если говорить кратко то скрипт берез картинку и добавляет ей ссылку с класcом ulightbox. И все это мы сделаем конечно же с помощью JavaScript.
Установка
Заходим в Панель управления » Управление дизайном » Нижняя часть сайта и вставляем следующий код
Код <script type="text/javascript"> $(".eMessage img").each(function(){ if($(this).attr("src").length>0){ var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):""); $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>'); }; }); </script>
Теперь в любом месте где будет блок с класcом eMessage и внутри будет находиться картинка то при ее нажатии она будет появляться в реальному размере в стиле ulightbox.
На этом все.
|
| |
| |
){kind=link}