Повноекранний слайд-шоу з Lightgallery.js
Будь-який великий веб-сайт блогу або портфоліо може отримати вигоду з модальний слайд-шоу лайтбокса. Для цього може бути добре демонстрація пов'язаних фотографій або дозволяючи відвідувачам переглядати портфель робіт (дизайн, мистецтво, фотографія).
С lightgallery.js, ви просто встановити бібліотеку і нехай вона запускається. Ви можете налаштувати його з будь-якою кількістю фотографій і кожен слайд займає весь екран.
Я віддаю перевагу цьому плагіну над іншими слайд-шоу, які займають лише частину екрана. З lightgallery.js, весь фокус виходить на слайд-шоу і перше видиме зображення.
У нижній частині кожного слайда можна знайти невеликий опис з посиланнями або будь-яким текстом, який ви хочете.
У верхньому правому куті ви побачите серії кнопок для розширені можливості. Для того, щоб вони йшли таким чином:
- Відтворити слайд-шоу
- Збільшення / зменшення масштабу
- Повноекранний браузер
- Спільний доступ
- Завантаження зображень
- Закрити слайд-шоу
Ви можете вибрати, яку з цих кнопок потрібно відображати редагування параметрів під час виклику плагіна.
Насправді, я здутий, як багато деталей пішов в документацію. Він містить відомості про опції і зворотного виклику. Але ви також знайдете інформацію для спеціальні атрибути даних, Змінні Sass, і навіть a API плагіна створювати модулі на lightgallery.
О, і я згадав, що це повністю мобільний? Проведіть фотографії через галерею пальцями або навіть за допомогою миші.
Це ідеальний вибір для дизайнера або фотографа, який хоче блискучого методу відображення свого портфоліо на своєму сайті.
Можна навіть вбудовувати фрейми або відео з таких сайтів, як YouTube або Vimeo. Це дійсно найкращий плагін галереї Lightbox, що пропонує найкращий користувальницький досвід.
Ця бібліотека є вільний від усіх залежностей і це працює на чистому JavaScript. Але це добре грає з великими бібліотеками наприклад, jQuery або Bootstrap.
Якщо ви віддаєте перевагу цьому як плагін jQuery для користувачів jQuery встановлено плагін lightgallery.js. Ви можете побачити a повна демонстрація на сторінку демонстрації або перевірте ручку нижче. А якщо вам потрібно вихідний код над головою GitHub repo і схопіть копію для себе.