Установка 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
Теги:
