14 Безкоштовних jquery lightbox-бібліотек, javascript

Це дійсно здорово, що нам є все більше новітніх веб-технологій, за допомогою яких наша робота стане набагато простіше. Модальні вікна - функціональний елемент для відображення будь-якого типу HTML -контента, орієнтований на створення зручного дизайну і інтерфейсу.

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

Ви можете легко додати наведені нижче скрипти на свій сайт. Тому без подальших передмов давайте перейдемо до теми і розглянемо ці супер JQuery -бібліотеки лайтбоксів, якими ви можете поповнити свій арсенал.

1. Photoswipe

Підтримуються всі основні функції: перехід до наступного або попереднього зображення, збільшення, перетягування, зменшення або закриття та інші.

2. Swipebox

Плагін був протестований на Chrome. Safari. Firefox. Opera. Internet Explorer 8 +. iOS4 +. Android. Windows Phone. Випускається по ліцензії MIT.

3. iLightbox

4. Image Lightbox

Image Lightbox - мінімалістичний, розширюваний і настроюється плагін під IOS. Android і Windows Phone. Ви можете просто завантажувати за допомогою клавіатури наступне зображення завдяки використанню перетворень і переходів CSS.

5. Magnific Popup

Magnific Popup - це безкоштовний адаптивний JQuery плагін, який орієнтований на забезпечення найкращої взаємодії між користувачем і пристроєм. Для більшості lightbox -плагінов потрібно визначати розмір вікна за допомогою JS. У Magnific Popup ви можете використовувати відносні одиниці виміру, такі як EM або змінювати розмір lightbox за допомогою медіа-запитів CSS.

6. Nivo Lightbox

Nivo Lightbox - це гнучкий lightbox -плагін. На вибір пропонується безліч опцій, за допомогою яких ви можете легко змінити зовнішній вигляд лайтбоксу. Наприклад, змінити тему, ефект переходу і метод навігації.

7. Lightcase

8. Lightlayer.js

LightLayer - скрипт для виведення адаптивних lightbox. він добре працює разом з іншими компонентами на будь-якому екрані. Цей скрипт дійсно дуже простий у використанні. LightLayer надає контроль над безліччю параметрів: колір та непрозорість фону, положення lightbox, відкриття / закриття переходів і багато інших параметрів функцій.

9. Strip.js

Strip - це lightbox. який розгортається тільки на частину сторінки. Це робить його менш нав'язливим і дозволяє взаємодіяти з іншими елементами сторінки на великих екранах; на мобільних пристроях lightbox має класичний вид. Strip використовує JQuery і підтримується у всіх основних браузерах.

10. Fluidbox

Fluidbox - це JQuery плагін, розроблений, щоб реалізувати ненав'язливий, адаптивний lightbox. який ідеально підходить для зображень з великою роздільною здатністю. Він відмінно працює на мобільних пристроях, а також може застосовуватися на екранах з більш високою роздільною здатністю для красивого виведення зображень.

11. Featherlight

Yalb розшифровується, як ще один lightbox (Yet Another Lightbox) - але це не так. Yalb поставляється з великим набором інтерфейсів, що включають призначені для користувача події, які дозволяють визначати його стан (відкритий, закритий).

13. LightGallery

14. Veno Lightbox

Переклад статті «15 Responsive jQuery Lightbox Libraries» був підготовлений дружною командою проекту Сайтобудування від А до Я.