» »

Увеличение изображения кликом Lightbox

Увеличение изображения кликом Lightbox

Скрипт по функций увеличение изображение на сайта в полном виде, где идет светлый обвод с тенью по сторонам и крестик закрыть картинку. Вы можете его поставить на любой модуль интернет ресурса, это как каталог файлов, что проверял на работоспособность на странице материала и комментариев к нему. Но больше всего можно увидеть на фотоальбоме, так как в самом коде прописан один оператор, что будет увеличение на одну картинку идти.

Сам эффект производиться по клику и безусловно оригинально смотрится и также его можно настроить по гаме цвета или по фону, который идет светло темный по умолчанию, здесь можно вообще все затемнить и одна картинка видна будет или просто выставить под свою стилистику. А это, если вам дизайн в синем оттенке и фон прозрачно синий сделать. Он полностью рабочий, и как уже сказал поверил его. Так что если решили изменить эту функцию и убрать стандартную, то этот скрипт будет отличным решением на замену.

Приступаем к установке:

Для начало выбираем, где будет увеличение, на какой странице. Но прежде нужно скачать архив и там 3 папки, их загружаем под из имена файловый менеджер.

Потом на странице в head код /head прописываем код.

Код
<link href="/css/lightbox.css" rel="stylesheet">


Не куда не уходим, а опускаем ниже страницу и там находим /body, что перед ним ставим.

Код
<script src="/js/lightbox.js"></script>


Остается найти IMG_URL1 и меняем на этот.

Код
<a href="$IMG_URL1$" data-lightbox="example-1">  
<img class="example-image" src="$IMG_URL1$" alt="$TITLE$" />  
</a>

После все сохранить и все, после этого у вас главная картинка будет под уникальным увеличением. Здесь нужно подчеркнуть еще раз, что когда загружал второе изображение, то там уже по стандартному было.
14.07.2017 Загрузок: 2 Просмотров: 409 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
avatar
Critic© 14.07.2017 23:511
0
Этот скрипт был лучше тем которые заливали раньше Благодарю авторов что они стараются к лучшему
Kosten
Kosten 15.07.2017 04:133
0
Но для этого как раз разные вариаций идут и тем стараюсь, чтоб у пользователя был выбор какой установить на сайт.
Сопрано
Сопрано 15.07.2017 03:122
0
На вид материала поставить и будет такое увеличение на всем, что загрузили.
Kosten
Kosten 15.07.2017 04:164
0
Можно на вид материала, можно под информер, там также установлен IMG_URL1, но повторюсь, сделать фотоальбом с таким увеличением. А оно красиво появляется, его ставил на вид материала и комментариев к нему и не чего не менял. Что потом залил несколько изображение и только первое таким образом увеличивалось, следующие шли по стандарту. Что то пытался с кодом сделать, а просто дополнить, не чего не вышло, так что он на многие формы подойдет.
-SAM-
-SAM- 15.07.2017 05:565
0
Цитата Kosten ()
Не куда не уходим, а опускаем ниже страницу и там находим /body, что перед ним ставим.
Вообще-то скрипт подключается в head, также как и стиль... если не верите - загляните в исходный код сайта (ибо uLightbox по умолчанию подключен ко всем сайтам на uCoz).
Цитата Kosten ()
Здесь нужно подчеркнуть еще раз, что когда загружал второе изображение, то там уже по стандартному было.
Это тоже не ясно кому и для чего написано, поскольку системный код на вывод изображений прикрепленных отличается от того, который в теме, в первом случае его подменили вручную... то есть, материал этот больше не для сайтов uCoz предназначен, поскольку на uCoz-сайтах и так подключен uLightbox, если прописывать еще раз - будут конфликты (тут уж нужно делать "выпил" системного стиля и скрипта, как тут вот говорилось http://zornet.ru/forum/93-6256-1#41641 , что и на Вишлисте предложение писалось Доступно только для пользователей , чтобы дали возможность технически штатными средствами отключать библиотеки по умолчанию подключенные, чтобы свои можно было использовать). Решение лучше всего подойдёт для каких-то загруженный html-файлов (галереи, демо, портфолио) или при правильном подключении в модулях - на замену по умолчанию подключенному в системе скрипту на увеличение.
avatar