Подключение фотогалереи FancyBox 3

В этой статье рассмотрим подключение фотогалереи на сайт. С помощью FancyBox можно создавать  не только галереи но и модальные окна.

Примечание

  • Использование плагина в коммерческих целях платное — $29.
  • Некоторые функции (ajax, iframes и т. д.) не будут работать, когда вы открываете локальный файл непосредственно в своем браузере, код должен быть запущен на веб-сервере.

демоскачать

 

 

Заходим на официальный сайт FancyBox и скачиваем архив. Из архива нам нужно только 2 файла: jquery.fancybox.min.css | jquery.fancybox.min.js (файлы находятся в папке dist). Еще нужно скачать jQuery.

Подключаем скачанные файлы:

Теперь нужно реализовать HTML для галереи.

Там где ссылка (<a></a>) прописываем путь к полноразмерной картинки.

<img/> это миниатюра.

Если вы хотите настроить галерею, то вам необходимо написать такой код:

Например

Мой пример:

Подробнее о библиотеки вы можете узнать на официальном сайте fancyBox3.

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *