Установка Fancybox на сайт


Первым скриптом, который попался мне на глаза, оказался FancyBox. На нем и становил свой выбор.

FancyBox умеет:

  • красиво выводить увеличенные изображения;
  • подгонять выводимые изображения под размер экрана (нет проблемы, когда изображение не влезает в экран);
  • группировать изображения;
  • выводить Youtube-видео;
  • выводить отдельную web-страницу по URL.

Для того, чтобы установить FancyBox на свой сайт Вам потребуется

Загружаем код:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css"/>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<a href="https://lipsum.app/id/1/1024x768"
  data-fancybox="gallery"
  data-caption="Optional caption">
  Image
</a>

Пример

See the Pen Untitled by Janis Skarnelis (@fancyapps) on CodePen.

Посмотреть все функции скрипта можно на оф. сайте – fancyapps.com

Теги:

Комментарии




В качестве аватарки используется сервис - gravatar.com



IT-событие
Дата выхода вебсервера nginx
Дата выхода вебсервера nginx
Оглавление
  1. Комментарии