Якісна галерея з підтримкою свайпов.

Всім привіт! Якщо ви шукайте легковажну, просту jаvascript галерею з підтримкою свайпов і без залежностей, то ваш вибір - PhotoSwipe.

Як вже було сказано, бібліотека PhotoSwipe легковага, швидка, підтримує свайпи і не має залежностей.

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

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

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

Також є класна річ: картинки показуються відразу користувачеві в низькій якості, а потім поступово завантажуються, якщо у вас повільний інтернет.

Бібліотека дозволяє визначити абсолютно будь-яку HTML-розмітку, отже, ви можете структурувати дані, як вам потрібно.

Звичайно, це далеко не все. Є також підтримка HTML5 функцій, управління з клавіатури і багато чого іншого. Але це ви можете почитати самі на офіційному сайті.

Установка не повинна створити вам проблем:

• Підключіть необхідні файли стилів і скрипт
• додайте .pswp елемент в DOM
• проведіть ініціалізацію

От і все! Ви можете навіть самі зібрати галерею, як хочете, і додати туди тільки потрібний вам функціонал. Як все це робити ви можете почитати в інструкції. Ну і, звичайно, не забудьте подивитися демонстрацію.

А на цьому сьогодні все. Дякую за увагу!