Посоветуйте модуль галереи для фоток (для отзывов)

A
На сайте с 12.10.2011
Offline
151
482

Всем привет.

У меня самописный движок для погодного сайта, есть отзывы туристов, иногда нужно добавлять с фото.

Вот нужно прикрутить модуль для просмотра фото, типа как на трипадвайзере - https://www.tripadvisor.ru/Restaurant_Review-g187147-d8458643-Reviews-Le_Comptoir_du_Louvre-Paris_Ile_de_France.html

Посоветуйте пжста готовый, не особо громоздкий, чтоб легко было интегрировать. спасибо!

---------- Добавлено 04.02.2020 в 21:05 ----------

Ищу пока, вроде этот можно установить

https://galleriajs.github.io/

А так в основном для готовых движков, WP, Joomla

Aisamiery
На сайте с 12.04.2015
Offline
216
#1

ну раз самописный движек, так и допишите к нему нужный функционал

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
Denis GROM
На сайте с 07.01.2019
Offline
12
#2

Да их полно, навскидку:

prettyphoto

js lightbox gallery

Filthy Claws (https://filthy-claws.com) - Affiliate marketing team
A
На сайте с 12.10.2011
Offline
151
#3
Denis GROM:
Да их полно, навскидку:

prettyphoto
js lightbox gallery

изучаю, спасибо.. мне бы как на трипадвайзере, т.е. привьюшки и +6 напр, если еще фото там есть, т.е. чтоб было одним фиксированным блоком.. и чтоб написано сколько фото, вот скрин с трипадвайзера

https://pastenow.ru/7e93a4853813399424e864c6ad411cea

D.iK.iJ
На сайте с 26.05.2013
Offline
184
#4
alexverem:
изучаю, спасибо.. мне бы как на трипадвайзере

А там разве что-то сильно необычное?

<div style="overflow: auto; white-space: nowrap;">
<img> <img> <img> <img>
</div>

Вместо "auto" можно использовать "hidden", но тогда будет листаться не на всех смартфонах. Лучше просто стилями уменьшить полосу прокрутки до 0.

Ну и еще для картинок (или блоков вокруг них) подойдет display: inline-block; vertical-align: top; (последнее - для выравнивания).

Количество фото можно считать скриптом. Это очень просто. Я так делал в своем скрипте листалки:

scount = document.getElementById('wrap').getElementsByTagName('a').length;



---------- Добавлено 06.02.2020 в 01:54 ----------

Да, забыл. ширину картинок я бы поставил через max-width не больше 50%.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
A
На сайте с 12.10.2011
Offline
151
#5
DiKiJ:
А там разве что-то сильно необычное?

Вместо "auto" можно использовать "hidden", но тогда будет листаться не на всех смартфонах. Лучше просто стилями уменьшить полосу прокрутки до 0.

Ну и еще для картинок (или блоков вокруг них) подойдет display: inline-block; vertical-align: top; (последнее - для выравнивания).
Количество фото можно считать скриптом. Это очень просто. Я так делал в своем скрипте листалки:


---------- Добавлено 06.02.2020 в 01:54 ----------

Да, забыл. ширину картинок я бы поставил через max-width не больше 50%.

Спасибо изучаю. На трипадвайзере такая фишка, что все фото в фиксированном блоке, напр 600 на 300, и если фоток больше, то показывается +12, смотреть все фото и тп.

То что я находил галереи, то они по старинке, одна фото за одной, т.е. занимают много места

D.iK.iJ
На сайте с 26.05.2013
Offline
184
#6

Это все через медиа-запросы делается спокойно. Ну, через адаптивные стили.

D
На сайте с 10.09.2019
Offline
20
#7

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий