SmartPhoto.js - простой отзывчивый просмотрщик изображений, разработанный для мобильных устройств

В эпоху адаптивного веб-дизайна вы должны думать об опыте каждого мобильного пользователя. В 2017 году общее количество пользователей Интернета на мобильных устройствах превысило рабочий стол на несколько процентов. Это большое дело!

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

Плагин является полностью бесплатным и открытым исходным кодом с полной страницей GitHub..

Он обновляется очень часто, но ключевой частью SmartPhoto.js является естественный пользовательский интерфейс. Он отлично работает на настольных компьютерах и еще лучше подходит для мобильных устройств. Портрет или пейзаж, смартфон или планшет, этот плагин берет торт.

С SmartPhoto.js вы получаете полная поддержка касаний и поддержка смахивания перемещаться между изображениями в слайд-шоу. Плагин также работает с акселерометром, поэтому вы можете проверить, когда меняется ориентация страницы..

Ознакомьтесь с документацией для получения полного руководства по настройке и установке. Этот плагин не требует большого количества кода JS для работы, но он делает поддержка множества пользовательских опций с методами обратного вызова.

Вы также заметите, что SmartPhoto имеет нет зависимостей так что он работает на базовой ванили JS. Все, что вам нужно, - это два файла SmartPhoto.js (файлы CSS и JS), которые вы можете загрузить прямо с GitHub или получить через управление пакетами с помощью npm или Yarn.

Посмотрите демонстрационную страницу, если хотите увидеть, как это выглядит в действии. Демонстрации включают фрагменты кода, которые вы можете скопировать / вставить и использовать для своего собственного сайта.

Я настоятельно рекомендую SmartPhoto.js для простой и удобной галереи лайтбоксов.

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