JavaScript галерея/лайсбокс - Готовые Решения

css, html, javascript, библиотека, галерея

Добрый день.
Подскажите пожалуйста.
А то я давно не в курсе последних дел.
Есть у меня набор статичных html страниц.
Страницы сверстаны адаптивно!!! И нужно на некоторые страницы вставить галерею.
Никаких плагинов для популярных cms не нужно.
Нужно просто добавить галерею в статичные страницы.
Так вот, на каких так сказать js/css библиотеках сейчас лучше и проще это делать по вашему?
Разумеется галерея должна быть адаптивной.

Ссылка

← Поддержка APNG будет добавлена в Chrome 59

Текстовый редактор для Python →

fotorama.io

Если галерея с превьюшками и лайтбоксом — можно на флексах сделать (https://codepen.io/dudleystorey/pen/Kgofa) и magnific popup прикрутить

~~el-d~~ ★★
(15.03.17 15:14:46 MSK)
Последнее исправление: el-d 15.03.17 15:15:10 MSK (всего исправлений: 1)

Неужели только один ответ?! Вроде вопрос достаточно банальный. Помечу, может кому пригодится.
https://postovoy.net/47.html - тут хорошее краткое описание библиотек для галерии.
http://photoswipe.com - это наиболее понравившаяся мне библиотека для галереи.

rumgot ★★★★★
(18.03.17 09:25:37 MSK) автор топика

Ответ на: комментарий от el-d 15.03.17 15:14:46 MSK

За фотораму спасибо, но photoswipe больше понравилась.

rumgot ★★★★★
(18.03.17 09:30:21 MSK) автор топика

а скриптами дергать из директории с картинками не судьба? зачем библиотеки

~~dima1981~~ ★
(18.03.17 09:33:03 MSK)

Ответ на: комментарий от dima1981 18.03.17 09:33:03 MSK

Не хочу вручную делать. Жалко времени. К тому же мои знания яваскрипт начальные. Лучше готовое решение.

rumgot ★★★★★
(18.03.17 11:49:22 MSK) автор топика

Ответ на: комментарий от rumgot 18.03.17 09:30:21 MSK

а можно через photoswipe (или что-то другое) сделать так: нажимаем на ссылку и открывается галерея, чтоб на самой странице никаких превьюшек не было? или для этого надо еще попап с ajax?

~~el-d~~ ★★
(18.03.17 11:55:24 MSK)

Пока не наткнулся на flexbin, писал сам. Вообще css галерии, не такая уж и редкость, просто нужно искать именно по «css image gallery», а не по «pure html image gallery», где как раз все ненужно с js можно собрать.
https://github.com/guoyunhe/flexbin

anonymous_sama ★★★★★
(18.03.17 11:56:18 MSK)
Последнее исправление: anonymous_sama 18.03.17 11:56:40 MSK (всего исправлений: 1)

Ссылка

Ответ на: комментарий от rumgot 18.03.17 11:49:22 MSK

знаний не надо, копипасти в сети вагон решений и в итоге может и скил в этом подтянешь, а сувать юзеру целую либо вместо десяти строк кода на ява-скрипт это как то стремно имха, но тебе виднее, что то без либ сделать реально трудно с галереей это факт

~~dima1981~~ ★
(18.03.17 12:00:23 MSK)

Ответ на: комментарий от dima1981 18.03.17 12:00:23 MSK

Еще плюс к сложности, что нужна адаптивная галерея.

rumgot ★★★★★
(18.03.17 12:17:21 MSK) автор топика

Ответ на: комментарий от el-d 18.03.17 11:55:24 MSK

Пока не знаю. Сам не делал такого. По поводу ajax вот что: он все равно нужен, хотя бы для того, чтобы отображать preloader-изабражение, а потом при полной загрузке целевой картинки отобразить ее.

rumgot ★★★★★
(18.03.17 12:18:29 MSK) автор топика
Последнее исправление: rumgot 18.03.17 12:26:15 MSK (всего исправлений: 1)

Ссылка

Ответ на: комментарий от rumgot 18.03.17 12:17:21 MSK

наверное это все меняет, тогда ладно, щас подскажут значит, лично я не в курсе сорян.

~~dima1981~~ ★
(18.03.17 12:20:23 MSK)

Ссылка

Товарищи, всем спасибо за ответы.

rumgot ★★★★★
(18.03.17 20:16:26 MSK) автор топика
Последнее исправление: rumgot 18.03.17 20:17:00 MSK (всего исправлений: 1)

Ссылка

Ответ на: комментарий от rumgot 18.03.17 09:25:37 MSK

Вроде вопрос достаточно банальный

Вот именно. Он настолько банальный, что в 2018 году любого вкуса галлерея запиливается в ручную, за час, без всяких там библиотек. За время, что ты ждешь ответа, можно было уже все написать.

anonymous
(18.03.17 20:21:12 MSK)