SimpleLightbox - Сенсорний образ Лайтбокс, який також підтримує WordPress

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

Але немає ніяких причин будувати свій власний з нуля, коли є так багато вільних скриптів в Інтернеті. Один з моїх нових функцій - SimpleLightbox, розрахований на 100% відкритим вихідним кодом і мобільним реагуванням на всі пристрої.

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

На домашній сторінці можна знайти посилання на офіційний GitHub repo, офіційний плагін WordPress і офіційний розширення TYPO3..

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

Кожне зображення мініатюри відображається у повному вигляді разом зі стрілками для навігації по всьому слайд-шоу. Але ви можете включають додаткові функції за допомогою API SimpleLightbox. У документації є повний список функцій, і це деякі мої вибрані:

• Текст навігації.
• Підписи до зображення.
• Розмір співвідношення зображень.
• Проведіть функцію "закрити-закрити".
• Спеціальні стилі анімації.
• Необов'язкове завантаження прядильників.

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

Всі ці методи Документовані на головному сайті, включаючи живі приклади у вихідному коді GitHub. Копіювати можна за допомогою програми Bower або Пряжа як інструмент керування пакунками, хоча GitHub може бути більш простим методом, якщо ви не знайомі з командним рядком.

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

Щоб дізнатися більше, загляньте на домашню сторінку SimpleLightbox і завантажте копію сценарію з GitHub.