У меня самописный движок для погодного сайта, есть отзывы туристов, иногда нужно добавлять с фото.
Вот нужно прикрутить модуль для просмотра фото, типа как на трипадвайзере — 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 напр, если еще фото там есть, т.е. чтоб было одним фиксированным блоком.. и чтоб написано сколько фото, вот скрин с трипадвайзера
Да, забыл. ширину картинок я бы поставил через 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
Это все через медиа-запросы делается спокойно. Ну, через адаптивные стили.
alexverem
Всем привет.
У меня самописный движок для погодного сайта, есть отзывы туристов, иногда нужно добавлять с фото.
Вот нужно прикрутить модуль для просмотра фото, типа как на трипадвайзере — 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
Да их полно, навскидку:
prettyphoto
js lightbox gallery
изучаю, спасибо.. мне бы как на трипадвайзере, т.е. привьюшки и +6 напр, если еще фото там есть, т.е. чтоб было одним фиксированным блоком.. и чтоб написано сколько фото, вот скрин с трипадвайзера
https://pastenow.ru/7e93a4853813399424e864c6ad411cea
D.iK.iJ
изучаю, спасибо.. мне бы как на трипадвайзере
А там разве что-то сильно необычное?
<img> <img> <img> <img>
</div>
Вместо «auto» можно использовать «hidden«, но тогда будет листаться не на всех смартфонах. Лучше просто стилями уменьшить полосу прокрутки до 0.
Ну и еще для картинок (или блоков вокруг них) подойдет display: inline-block; vertical-align: top; (последнее — для выравнивания).
Количество фото можно считать скриптом. Это очень просто. Я так делал в своем скрипте листалки:
———- Добавлено 06.02.2020 в 01:54 ———-
Да, забыл. ширину картинок я бы поставил через max-width не больше 50%.
alexverem
А там разве что-то сильно необычное?
Вместо «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