LINUX.ORG.RU

Опрос: картинка ссылкой как открывать?

 , ,


0

1

Возьмем этот сайт, галерея или новости, не важно. Скриншот маленький, клик и в этой же вкладке браузера открывается картинка по адресу /images/22210/original.png и чтобы вернутся жмешь кнопку назад.

Так вот вопросы:

  1. Это нормально, и пользоваться Ctrl+пкм (и другими вариантами открыть в новой вкладке, или даже в текущей и кнопка «Назад» браузера)?
  2. Или лучше/интереснее модальное окошко и там уже дополнительная ссылка открыть в новой вкладке, если прям очень большую картинку целиком хочется посмотреть?
  3. Или вообще просто показывать картинку, без возможности клика, на 100% ширины контента? Кому надо, сами кликнут пкм «Открыть картинку в новой вкладке»

Интересуюсь с целью понять, стоит внедрять что-то похожее на Modal Images у себя в приложении?


В зависимости от сайта и характерного контента — 1 или 3.

Если картинки в целом мелкие — размера их же отображения на странице или на 10–20% больше, то вариант просто показывать картинку, как она есть, не генерируя для неё thumbnail, раз он почти не отличается, а ресайзить только средствамит CSS. Кому надо — откроют сами, если им не мешать специально (да, есть такие говносайты, которые спецом палки в колёса вставляют и не дают кликать правой кнопкой по картинке — ну точнее ты кликаешь, но клик проходит не по картинке, ведь она какой-нибудь там хитро-выделанный фон технически)

Если картинки крупные, то показывать thumbnail, а при клике просто открывать картинку — как статический файл, /что-нибудь/там.png. В новой или в той же вкладке — решает пользователь, не нужно ломать стандартное поведение браузера.

Ну а вариант 2 не нужен вообще и только бесит.

CrX ★★★★★
()
Последнее исправление: CrX (всего исправлений: 1)
Ответ на: комментарий от squareroot
    • нет никаких лишних проблем, если всё сделано правильно. Без жс не сработает обработчик и вместо попапа откроется просто картинка в новой вкладке
iSage ★★★★
()

1, как выше написали, - это запасной вариант для всплывающего блока при «отрубленном» JS. Без предусмотренной возможности использовать JS этот вариант так себе.

2 имеет место, если big != orig и вы хотите публиковать ссылки на оригиналы.

3 - классика, но можно сделать аналог просмотра миниатюры во всплывающем блоке (1), т.к. «ширина контента» может быть меньше «ширины экрана», т.е. даже небольшое увеличение по щелчку может быть плюсом. Также сейчас часто бывает big != orig, поэтому «Открыть картинку в новой вкладке» может не работать для получения оригинального изображения, а во всплывающем блоке (или по «кликабельной» ссылке в текущей или новой вкладке) уже можно показывать orig вместо big, т.е. возвращаемся к вариантам 1-2.

estic
()

1. Это нормально, и пользоваться Ctrl+пкм (и другими вариантами открыть в новой вкладке, или даже в текущей и кнопка «Назад» браузера)?

Да. Это лучший вариант. Таку в ЛОРовской галерее и работает прекрасно.

Интересуюсь с целью понять, стоит внедрять что-то похожее на Modal Images у себя в приложении?

Я бы сказал, что зависит от ситуации. Если это у тебя лента картинок, тогда такая приблуда имеет смысл.

urxvt ★★★★★
()

Немного был не прав по вопросу. А точнее по незнанию задал неправильный вопрос. Так как вообще все приложение это цельный JavaScript на бэкенде с кучей мидлваря и фронтенде всё на Vue, поэтому модальное окно картинки имеет место быть постоянно. Смысл был восстановить старые записи блога, который был закрыт 10 лет назад, для обучению программированию. Как говорится — ссылка в профиле ;)

ralex
() автор топика
  • Markdown
Пустая строка (два раза Enter) начинает новый абзац. Знак '>' в начале абзаца выделяет абзац курсивом цитирования.
Внимание: прочитайте описание разметки Markdown.
Используйте Ctrl-Enter для размещения комментария