Jquery lightgallery - плагін для створення галерей.

У цій статті ми розглянемо JQuery LightGallery - мабуть, кращий плагін для створення галерей на JQuery.

Отже, jQuery lightgallery - настроюється, модульний, чуйний плагін для JQuery.

Відео: Симпатична галерея для сайту за 20 хвилин

Які ж плюси у нього є?

Чуйний: плагін використовує тільки css для зміни розміру зображень і відео, тому він досить гнучкий і працює швидше, ніж реалізований на jаvascript
Модульний: плагін поставляється з декількома вбудованими модулями, такими як thumbnails, full screen, zoom і іншими. Якщо вам потрібно, ви можете написати і використовувати свій власний модуль
Сенсорний: плагін підтримує натискання і свайпи по екрану сенсорних пристроїв також, як і мишку для звичайних комп`ютерів
Настроюється: в плагіні є безліч опцій, які дозволять вам підлаштувати його під себе
Анімовані ескізи: ви також можете включити анімовані ескізи в настройках, інакше будуть використані стандартні. Ви можете також зробити автоматичне завантаження ескізів для YouTube або Vimeo відео
підтримка YouTube і Vimeo: Ви можете вставляти красиві відеоролики з YouTube або Vimeo сервісів, просто підключивши потрібний модуль. Підтримується безліч функцій: автоматичний запуск / зупинка, ескізи, постери і інше
20+ анімацій: плагін використовує високопродуктивні CSS3 анімації
Динамічний режим: плагін може бути миттєво запущений, програмно включеною опцією, в яку передається масив об`єктів, що становлять галерею
Збільшення і повноекранний режим: ви можете збільшити або зменшити зображення, натиснувши відповідні кнопки, клікнути два рази по ньому, щоб повернути оригінальний розмір, а також перейти в повноекранний режим
HTML5 відео: плагін підтримує всі типи HTML5 відео форматів, таких як MP4, WebM, Ogg та інші. Присутній розумна інтеграція призначених для користувача HTML5 відео плеєрів

установка

Як ви вже, напевно, зрозуміли, плагін має безліч можливостей, і, якщо ви вирішили, його встановити, то це можна зробити наступним чином:

Встановіть за допомогою Bower, npm, або скачайте на GitHub.

$ Bower install lightgallery // Bower 
$ Npm install lightgallery // npm

Ви також можете використовувати CDN. Підключіть потрібні файли і створіть розмітку, як показано в інструкції, а потім викличте плагін. Усе!

Відео: jQuery lightGallery - ефектна галерея для сайту

Отже, на цьому сьогодні все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі