JQuery LightGallery - плагин для создания галерей.

В этой статье мы рассмотрим JQuery LightGallery - наверное, лучший плагин для создания галерей на JQuery.

Итак, jQuery lightgallery - настраиваемый, модульный, отзывчивый плагин для JQuery.

Какие же плюсы у него есть?

• Отзывчивый: плагин использует только css для изменения размера изображений и видео, поэтому он достаточно гибок и работает быстрее, чем реализованный на javascript
• Модульный: плагин поставляется с несколькими встроенными модулями, такими как thumbnails, full screen, zoom и другими. Если вам нужно, вы можете написать и использовать свой собственный модуль
• Сенсорный: плагин поддерживает нажатия и свайпы по экрану сенсорных устройств также, как и мышку для обычных компьютеров
• Настраиваемый: в плагине есть множество опций, которые позволят вам подстроить его под себя
• Анимированные эскизы: вы также можете включить анимированные эскизы в настройках, иначе будут использованы стандартные. Вы можете также сделать автоматическую загрузку эскизов для YouTube или Vimeo видео
• Поддержка YouTube и Vimeo: вы можете вставлять красивые видеоролики с YouTube или Vimeo сервисов, просто подключив нужный модуль. Поддерживается множество функций: автоматический запуск/остановка, эскизы, постеры и другое
• 20+ анимаций: плагин использует высокопроизводительные CSS3 анимации
• Динамический режим: плагин может быть мгновенно запущен, программно включенной опцией, в которую передается массив объектов, представляющих галерею
• Увеличение и полноэкранный режим: вы можете увеличить или уменьшить изображение, нажав соответствующие кнопки, кликнуть два раза по нему, чтобы вернуть оригинальный размер, а также перейти в полноэкранный режим
• HTML5 видео: плагин поддерживает все типы HTML5 видео форматов, таких как MP4, WebM, Ogg и другие. Присутствует умная интеграция пользовательских HTML5 видео плееров

Установка

Как вы уже, наверное, поняли, плагин имеет множество возможностей, и, если вы решили, его установить, то это можно сделать следующим образом:

Установите с помощью Bower, npm, или скачайте на GitHub.

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

Итак, на этом сегодня все. Спасибо за внимание!