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