Увеличение изображения при клике для 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>
<img class="example-image" src="$IMG_URL1$" alt="$TITLE$" />
</a>
На этом установка закончена.
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: milan_shubin
ИсточникМатериал взят с другого сайта
Комментарии (0)