Увеличение изображения при клике для uCoz

Увеличение изображения при клике для uCoz

29.10.2017 435 0 milan_shubin Уроки / uCoz Стиль / Дизайн
Описание скрипта:


Изучив данный урок вы научитесь открывать любые изображения в Lightbox. Скрипт позволяет организовать при клике курсора мыши на миниатюру открытие картинки в оригинальном размере.

Только одно изображение нужно для работы метода. Нет нужны в том что бы делать две разные картинки для миниатюры и для увеличенного варианта. Код избавляет вас от рутинной работы по коду когда вы оформляете материал.

Установка :

1. Загрузить файлы с архива себе на сайт.

2. Между [b]head
и /head вставить код в нужном вам модуле: [/b]
Код
<link href="/css/lightbox.css" rel="stylesheet">

3. Перед /body в том же модуле вставить код:
Код
<script src="/js/lightbox.js"></script>

4. Заменить $IMG_URL1$ на :
Код
<a href="$IMG_URL1$" data-lightbox="example-1">  
<img class="example-image" src="$IMG_URL1$" alt="$TITLE$" />
</a>

На этом установка закончена.
Файлы для скачивания отсутствуют.
Поблагодарить автора Автор: milan_shubin
ИсточникМатериал взят с другого сайта
Комментарии (0)
Добавить комментарий
class="add-comm-form clearfix add-shadow2" id="add-comm-form">
avatar