Де взять пролистыватель картинок влево, как на Инстаграме

На Инстаграме в мобильной версии когда просматриваем ленту и встречаем фотку с циферками справа вверху фотки (1/4, например), то эту фотку можно пролистать влево-вправо и просмотреть другие фотки.

Хочу найти себе такой для мобиверсии. Хто шо имеет сказать по этому вопросу?

 

А в чем проблема? Всяких скриптов полно ведь, нужно только выбрать подхоящий.

 

Знаете как бывает на рынке - говорят всего там полно, только нужного товара почему-то зачастую нет

Может он и есть, наверняка есть, только название его я не знаю или не там ищу

 

https://fancyapps.com/docs/ui/fancybox/
https://www.lightgalleryjs.com/
https://blueimp.github.io/Gallery/
https://fotorama.io

итд

 

Благодарю за отклик! Но...

У меня и стоит Фансибокс, но он не работает так, как в Инстаграме. Он открывает картинку и только потом листает, переходя на рядом лежащие. А в Инстаграме ленту пролистываешь вверх и на фотке можно вправо листануть, если там есть фотка ещё. У нас это в каталоге общем хочу реализовать - когда открывается каталог и фотки с товаром листаются , а на тех, где есть разные варианты - можно было бы пролистнуть вправо и смотреть, а потом дальше листать. Фансибокс этого почему-то не делает

Ща другие пойду смотреть...

 

Второй - тоже похож на Фансибокс, и тоже не так, как в Инстаграме

Третий - этот немного похож. Но там пример всего из двух блоков, не совсем понятно - это сам плагин такой или это они просто так приспособили, а плагин о другом. Нужно будет попробовать в реале, а там видно будет

Четвертый - тоже похоже работает и русский язык у них есть. Тоже нужно будет опробовать...

Благодарю ещё раз! Бум испытывать, отпишусь

 

Русского нет, то у меня Гугли в телефоне сразу перевёл. Но это не страшно - там всё понятно до очевидности.

Встраивается легко - в шесть кликов мышки. И даже работает так, как в Инстаграме. Но всё это пока происходит отдельно от магазина, само по себе. Вот сижу и думаю, как это можно интегрировать в структуру магазина...

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

Нашла встраивание blueimp Gallery в Опенкарт
Буду теперь его пробовать

НЕТ, не буду - у него в примере таже байда - сначала открывает фотку, а потом только листает. Это не подходит

 

Обзор модулей Инстаграмных тоже ничего не дал - выводят картинки С Инстаграма, а мне нужно КАК в Инстаграме для моей мобильной версии сайта..

 

Что я поняла ещё - когда говорю "фотки, как в Инстаграме" - имею ввиду, как в ЛЕНТЕ Инстаграма. В аккаунте у каждого там фотки все в кучке, в несколько рядков. А вот в Ленте - там вся лента движется блоками из фоток и коментов к ним. Вот так и надо, чтобы мои фотки товара двигались в категориях, а под ними всякие там в корзину, в сравнение, звездочки... А если фоток несколько (спереди, сзади, сбоку), то это должно влево листаться, без открывания фотки (экран телефона маленький для открываний разных)

 

В порядке эксперимента задействовала футер
Некое подобие искомого начало выстраиваться, что обнадёживает... (но это всё ещё не магазин, а отдельный блок, в который нужно ручками вставлять картинки и который не привязан ни к чему из магазина - куда вставлен, там и показывает (кстати, как вариант кому-то может пригодиться и в таком виде, учитывая, что размеры можно менять))



Пролистывается вправо-влево, вверх-вниз
Гуляют пока размеры
Остальное буду эксперементировать потом

Просмотр http://medodegda.com/contacts/
(работает и в компе - листается курсором, и в телефоне - листается пальчиком)

 

Из десктопной версии убрала, а то люди уже спрашивают "шо то такое?"
В мобильном варианте оставила, попробовав ещё Ютуб туда вставить (вставляется легко), и как вариант - под фотками, когда их несколько, миниатюры вставлены (не знаю как цифры в правом углу вставить вместо них, как в ленте Инстаграма например), и расширила картинки и видео до 100% ширины экрана

 

Попробовала вставить вместо прямой ссылки на фотку вот такую конструкцию

Код:

<div class="fotorama">
<img src="<?php echo $product['thumb']; ?>" class="fotorama"/>
</div>

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

Код:

<div data-nav="thumbs" class="fotorama">
<img src="" class="img-responsive"/>
</div>

img src - пусто
Знач чегось не того я туда вставила

Также вставляла див с классом fotorama в Каталоги вокруг блока шо за фотки отвечает - тоже никакой положительной реакции (была.ю но негативная - фотки просто становились некликабельными)