Как сделать галерею в ЖЖ

Jun 08, 2017 06:06

В ЖЖ как-то неожиданно появилась возможность делать галереи - листать серию снимков вправо-влево.
Кому-то посты с таким оформлением наверняка будет удобнее читать, чем простынки с несколькими десятками фотографий.

Посмотрим, как это может выглядеть в действии (на примере фото из предыдущего поста):

Как это сделать )

блог, дизайн, html, ЖЖ, полезные советы, интернет, программирование

Leave a comment

Comments 34

mr_simm June 8 2017, 03:54:14 UTC
> чтобы сделать галерею, надо

И зачем было так усложнять синтаксис, если кроме ссылок и подписей (или хотя бы её можно сделать ссылкой?) ничего не предполагается?

PS: галереей лично мне кажется удобнее, но есть нюанс - то, что под катом, к примеру, насколько понимаю, грузится только по запросу клиента, а вот с фоточками в такой галерее дело, боюсь, обстоит несколько иначе - грузится в ленте всё сразу - т.е. возможно стоит галерею размещать под катом, чтобы человек до загрузки фоточек мог быть предупреждён о том, что щас трафика скушает неимоверно.

Reply

alexey_donskoy June 8 2017, 05:17:36 UTC
В подписях ссылки делаются без проблем. На самом фото - естественно, нет (там функция листания).
Про синтаксис вопрос явно не ко мне. Но вроде бы логично, хотя и громоздко. А как можно было проще?

Галерея грузится целиком. На мобильном инете хорошо видно - сначала показывается как обычный пост, с кучей фото одно под другим. А потом скрипт всё это упаковывает.
Кстати, в старом стиле (у меня в корне блога он до сих пор включён) всё это не работает, и фото так и остаются одно за другим.

На-связи вроде как тоже вся галерея целиком грузится, не? ;)

Reply

mr_simm June 8 2017, 05:24:27 UTC
> Но вроде бы логично, хотя и громоздко. А как можно было проще?

Тупо ссылка, тупо текст (поддержка тэгов при этом не возбраняется, в общем-то, для тех, кому этого мало :) ). Т.е. в Вашем примере это выглядело бы так:

ссылка на фото 1
Подпись 1 (если надо)
ссылка на фото 2
Подпись 2 (если надо)
...

Программно отличить ссылку на картинку от текста труда не составляет.

> На-связи вроде как тоже вся галерея целиком грузится, не? ;)

Не знаю, даже если - это не говорит о том, что я это одобряю - но кого волнует мнение нищеброда, задумывающегося об экономии трафика? ;)

Reply

alexey_donskoy June 8 2017, 05:29:34 UTC
Ты б лучше Алексея убедил допилить чеб вс, где из-за ограничений по масштабу перемещаться даже по территории республики невозможно (это как раз к вопросу экономии трафика в том числе). :)

Reply


tajana June 8 2017, 04:04:00 UTC
В мобильной версии не видно, основную грузить в телефоне неудобно, т.е. все, кто как я - мимо картинок.

Reply

alexey_donskoy June 8 2017, 05:12:09 UTC
Ох, грустно. Как же тогда картинки показывать?

Reply

mr_simm June 8 2017, 05:18:49 UTC
А что такое эта «мобильная версия»? Загрузил на мобиле - всё ок, листается, но, возможно, это не «мобильная версия» :)
Ну и если фичу запустили недавно - допилят наверно, если саппорт пнуть?

Reply

alexey_donskoy June 8 2017, 05:25:35 UTC
У меня на телефоне режет нижнюю часть (размер экрана маловат для этой фичи).
И если я правильно понимаю, официального релиза ещё не было (а теги я подсмотрел у некоторых топов, которые пользуются продвинутой версией - расширенный html, лайки-дизлайки комментов и т.п.). Но хоть что-то уже работает, и то хлеб. Правда, пока не вижу смысла использовать - подождём, пока допилят...

Reply


mevamevo June 8 2017, 09:34:23 UTC
Мне как-то традиционная "простыня" больше нравится.

Reply

alexey_donskoy June 8 2017, 09:56:31 UTC
Мне тоже. По крайней мере, пока не доведут до кондиции.
Но вообще любая свёртка (фолдинг, компактная упаковка и т.п.) есть штука полезная, призванная защитить от необозримости :)

Reply

jcbbarnes June 8 2017, 10:20:50 UTC
В галерее судя по всему нет возможности добавить комментарий после каждого изображения.
Это ограничивает творческие порывы автора)
Возможно вы как продвинутый юзер с помощью ашьтиэмэль можете сделать всплывающие комментарии ..но это согласитесь совсем не то.

Reply

alexey_donskoy June 8 2017, 11:19:42 UTC
Пардон, а что у меня не так? Подписи после каждого фото в галерее. Даже со ссылками.
Единственное, что подпись принимается только в одну строку, остальные пропадают (пробовал).
Или вы не про подписи, а про что-то другое?

Reply


bernigor June 8 2017, 13:13:40 UTC
Интересная фича. На мобилке всё крутится, слайдерится и показывается. Только подписи ещё меньше выглядят и оттого тяжелее их читать. На горизонтальной ориентации режется сверху-снизу, а подписи скрыты за рамкой окна. Т.е., для визуализации - отлично, для репортажа - хорошо с минусом.

Reply

alexey_donskoy June 8 2017, 13:33:02 UTC
Мобилки разные бывают, да. Некоторые с Ретиной супервысокого разрешения! :)
Пока что вижу: можно делать галерею из маленьких превьюшек. Совсем маленьких, чтобы на всех мобилках было нормально. Ибо на всех доступных мне устройствах режется снизу, сильно.
Смотрю, например, у Беленького - он активно использует галереи - тоже режется, хотя и не так сильно.
В общем, если уж делать, то качественный лонгрид на автономке. Но мне лениво :)

Reply

bernigor June 8 2017, 14:22:05 UTC
Если вертикально держать тлф, то всё в норме, только мелкое. Возможно, если сделать на тлф рамку 4:3, то будет и норм, но опять же, масштаб...

Reply

alexey_donskoy June 8 2017, 14:54:47 UTC
Ну вот у меня так на телефоне, вертикально:


... )

Reply


Leave a comment

Up