Изображения: пощадиэкран (юзерскрипт)

+99
в блоге IT Pony!


Споткнулся об очередной нюанс: открываешь пост (или спойлер), а там картинка, но в экран помещается только кусок, и чо-т ниоч как-то. В связи с этим накидал скрипт, который лимитирует картинки в постах до 50% высоты экрана, при этом позволяет открыть её в лайтбоксе, где она может занимать до 92% экрана.

— Работает для всех картинок, чей натуральный размер отличается от фактического
— Не трогает картинки в заголовке спойлера
— Не трогает картинки в ссылках (вестник не поломается)

ссылка
(для установки потребуется расширение Greasemonkey для Firefox или Tampermonkey для Chrome)

17 комментариев

badunius Изменён автором
+2
а можно какую нить ветку для примера? а то я с таким только на муське встречался, на табуне вроде не видел
Hoopick
0
Тот же арт-батл, например
badunius
+1
А, сначала не понял, не прочитал про вертикальные картинки, думал про горизонтальные, клевый скрипт, пасип
П.С. а сложно будет реализовать фишку, как на том же пикабу, чтоб в увеличенном окошке можно было колесом зумить и левым кликом сдвигать изображение?
Hoopick Изменён автором
0
ну, вообще, на любую ресайзнутую агрится (табун сам по себе ограничивает картинки по ширне), а слишком высокие ещё и поджимает
badunius
+1
чё-т я маленько в панике, потому что бредации он таки херит на ура =)
badunius
0
Вот это круто
MaxwelI
0
Заметил, что если у картинки задана ширина, то ее может несколько размазать по ширине (мой последний пост, например).
Фиксится либо добавлением :not([width]) в первый селектор стиля, либо width: auto там же
StaSyaN Изменён автором
0
я это уже нашёл и у меня два варианта:
1. да, `width: auto`, но тогда прописанная вручную ширина идёт лесом
2. убрать лимит для картинок с прописаной шириной (`.text img[width] { max-height: unset; }`) — тогда лесом пойдёт идея с ограничением высоты

Второй вариант мне кажется более допустимой потерей
badunius
0
По идее если второе пишут, то это обычно изначально с задумкой, чтобы оно не рвало экран. Высоту указывать неудобно, ибо верстка табуна такова, что пикчу может сузить.
StaSyaN
0
ну вот у меня пока самый проблемный кейс это бредации, особено пикчи в посте. Если там автоширину поставить — раздербанит будь здоров.
badunius
0
Поэтому я и ратую за второе
StaSyaN
0
есть ещё фантастический вариант с заворачиванием картинок в inline-block'и, чтобы они жили в таких загончиках, но что с этим делать дальше я пока не знаю)
badunius
0
Перебор, мне кажется)
StaSyaN
0
ОБНОВА
— убрал ограничения по высоте для изображений, которым вручную прописана ширина
— можно листать в лайтбоксе все картинки на странице (смайлопак попадает туда, увы)
— есть ссылка, которая открывает исходное изображение в новой вкладке
badunius
+2
Табун всё более и более похож на борду с куклоскриптом =)
Тоже отличная идея (хотя я пользоваться не буду — мне удобнее инлайново картинки смотреть, а в тех редких случаях, когда нужен фулл, я его обычно либо сразу схороняю, либо открываю в новой вкладке. Но каждому, разумеется, удобно по своему, фича, насколько я знаю, популярная)
makise_homura
0
Обнова:
— снова можно смотреть картинки под спойлерами
— больше нельзя смотреть картинки из смайлопака
badunius
+1
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Скрыто Показать