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


alexverem
487

Всем привет.

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

Вот нужно прикрутить модуль для просмотра фото, типа как на трипадвайзере — 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

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


Denis GROM

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

prettyphoto

js lightbox gallery


alexverem

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

prettyphoto

js lightbox gallery

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

https://pastenow.ru/7e93a4853813399424e864c6ad411cea


D.iK.iJ

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%.


alexverem

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

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

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

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

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

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

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

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


D.iK.iJ

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


dimavik

https://www.script-tutorials.com/facebook-like-photo-gallery-with-comments

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *