Полноэкранные слайд-шоу Lightbox с Lightgallery.js

Любой отличный блог или веб-сайт может извлечь выгоду из модального слайд-шоу лайтбокса. Это может быть полезно для демонстрации связанных фотографий или для того, чтобы посетители могли просматривать портфолио работ (дизайн, искусство, фотография).

С lightgallery.jsВы просто устанавливаете библиотеку и запускаете ее. Вы можете настроить его с любым количеством фотографий, и каждый слайд занимает весь экран.
плагин lightgallery jsЯ очень предпочитаю этот плагин, чем другие слайд-шоу, которые занимают только часть экрана. С lightgallery.js весь фокус переходит на слайд-шоу и первое видимое изображение.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Внизу каждого слайда вы можете найти небольшое описание со ссылками или любой другой текст, который вы хотите.

В верхнем правом углу вы увидите ряд кнопок для расширенных функций. По порядку они идут так:

  • Воспроизвести слайд-шоу
  • Увеличить / уменьшить
  • Полноэкранный браузер
  • Социальный обмен
  • Загрузка изображения
  • Закрыть слайд-шоу

Вы можете выбрать, какую из этих кнопок вы хотите отобразить с помощью редактирование параметров когда вы вызываете плагин.

На самом деле, я поражен тем, как много деталей было в документации. Он содержит детали для опций и методов обратного вызова. Но вы также найдете информацию для пользовательских атрибутов данных, переменных Sass и даже API плагинов строить модули на Lightgallery.

О, и я упомянул, что это абсолютно мобильно? Вы можете провести фотографии через галерею пальцем или даже мышью.

Это идеальный выбор для дизайнера или фотографа, который хочет блестящим способом показать свое портфолио на своем сайте.

Вы даже можете вставлять фреймы или видео с таких сайтов, как YouTube или Vimeo. Это действительно лучший плагин галереи лайтбоксов, предлагающий максимально возможный пользовательский опыт.

Эта библиотека свободна от всех зависимостей и работает на чистом JavaScript. Но он хорошо работает и с большими библиотеками, такими как jQuery или Bootstrap.

Если вы предпочитаете это как плагин jQuery, есть плагин lightgallery.js портирован для пользователей jQuery. Вы можете увидеть полную демонстрацию на демонстрационная страница или проверить ручка ниже, И если вам нужен исходный код, перейдите на GitHub репо и получить копию для себя.

Увидеть перо lightgallery.js от Sachin Choolur (@sachinchoolur) на CodePen,

Читайте также: 20 минималистских дизайнов портфолио для вашего вдохновения

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

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

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