Установка 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>

Пример


Пример изображения

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

Теги:

Комментарии






IT-событие
Основание Dell
Основание Dell
Оглавление
  1. Для того, чтобы установить FancyBox на свой сайт Вам потребуется
  2. Пример