Спасибо Александру Соколову и журналу Код за новодку.
glightbox лучше стокового фулскрина фоторамы, но до идеала не дотягивает:
- Не хватает галереи превью как у фоторамы Скриншот 1, к слову это есть в Fancybox: Скриншот 2.
- Не хватает Масштабирования двойным тапом по фулскрину. Это нативное поведение в Android и iOS думаю про них все знают и ожидают во всех интернет магазинах - то есть обязательное требование. Есть в Fancybox. Демо в CodePen.
swiperjs подходит почти идеально:
- swiperjs в "режиме" thumbs-gallery подходит почти идеально. Единственное, на этой демке, при перелистование фоток, "Слайдер - навигатор" (снизу) не прокручивается на каждое перелистывание, прокручивается, только когда следующее изображение подходит к последней в видимой в навигаторе превью. Скриншот 3. Однако, вероятно, это можно допилить. Например на главной https://swiperjs.com/ Скриншот 4 слайдер работает как надо (прокручивается на каждое перелистывание).
flickity - не плохая альтернатива swiperjs.
Требования к Слайдеру:
- LazyLoad
- Responsitive
- FreeScroll Thumbs
- Поддержка FancyBox
Теперь если это сложить и допилить - выйдет пуленепробиваемо.
Fotorama + Fancybox
Проблемы:
Невозможность указать изображения для Retina.
Возможно костылём увеличивать картинки при условии, что диплей ретиновый:
window.devicePixelRatio
Ссылки на источники:
Журнал "Код" - комментарий к статье про Fotorama
lightGallery - альтернатива для Fancybox 3
https://www.lightgalleryjs.com/
Fancybox 4
https://github.com/fancyapps/ui
https://codepen.io/JapperCat/pen/abJepxq
https://5cms.ru/article/fancybox-4
Альтернатива фотораме
https://keen-slider.io/examples
№2 Fancyapps
