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

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

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

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

Установка


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

2. Между head и /head вставить код в нужном вам модуле:

Код
<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>


На этом установка закончена.

Поддержка браузеров

  • Internet Explorer.
    Файл lightbox-plus-jquery.js включает jQuery v2.x и поддерживает IE 9+.
  • Chrome
  • Safari
  • Firefox
  • iOS Safari
  • iOS Chrome
  • Android Browser
  • Android Chrome


avatar

Набор 28 иконок канцелярских принадлежностей

Весьма обычный, но очень красивый набор иконок. Содержит 28 иконки в формате SVG, а так же SKETCH и AI. Иконки подойдут для блога или для сайта учебного заведения. Имеют простой и светлый дизайн выполнен в красных и синих тонах. Комплект иконок распространяется абсолютно бесплатно, поэтому используйте на здоровье его в своих проектах.

Samsung Galaxy Fold беслатный mockup

Как многие из вас уже знают, Samsung Galaxy Fold является первым складным устройством, доступным на рынке. Представляем вам отличный бесплатный mockup.

Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0