В этом материале рассмотрим JQuery LightGallery - наверное, лучший плагин для создания галерей на JQuery .
В этом материале рассмотрим 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.
$ bower install lightgallery // Bower
$ npm install lightgallery // npm
Вы также можете использовать CDN. Подключите нужные файлы и создайте разметку, как показано в инструкции, а затем вызовите плагин. Все!
Итак, на этом сегодня все. Спасибо за внимание!
