[Вопрос] уменьшение размера изображений на форуме

[skandal34]

вообщем возникла проблема с картинками, если кто то на форуме вставляет через bb-код [img] картинку размер которой привышает 800Px то она вылазит за граници форума, это смотрится как-то не красиво.. помогите решить эту проблему, или скрипт автоматического уменьшения ? или как увеличить размер Вложенных миниатюр картинок? в настройках по поводу миниатюр нашел соответсвующий параметр но он увличевает размер миниатюры только до 640 px...

[Serberg]

skandal34, на счет миниатюр, вдумайся в суть этого слова. Миниатюра - маленький, а не большой.

На счет вылезания за края: есть какой то хак на четверку, но нужно искать под твою версию (ибо это vb 4 )) ).

[Razielik]

Доброго времени суток.

Не стал копипастить тему с похожим содержимым.

Вопрос, кто в курсе, где редактитуется BB-код IMG? Сделал свой IMG с опцией ширины изо (+ открытие в отдельном окне при нажатии на картинку) при помощи банального HTML. То бишь картинка на форуме выставляется с размером, заданным опцией. Но хочется еще понять, где находится код основного IMG? Хочу без хака, выставить ограничение размера.

[Prometej]

Доброго и Вам.
Скажите, пожалуйста, а что Вам мешает взять какой либо хак и изучить самому как всё устроено? Неужели Вам это не интересно? Получать готовый ответ, на мой взгляд, это скучно.
Простите, если в чём не прав.

[Luvilla]

Хочу без хака, выставить ограничение размера.

речь о 4ке?

шаблон vbulletin.css

.content img {
	max-width: {vb:stylevar image_max_size};
}

переменные стиля - image_max_size

[Razielik]

Насчет CSS выше погуглю (стало интересно), но решил вопрос с масштабированием под экран просто и элегантно.

В том же class_bbcode.php подставил в строку с

return  ($fullsize ? '<div class="size_fullsize">' : '')  . '<img src="' .  $link . '" border="0" alt="" />'

вот это:

style="max-width: 100%;"

Вкупе с "ленивой загрузкой" из моего предыдущего поста в другой теме (про прелоадеры), получилось вот так:

return  ($fullsize ? '<div class="size_fullsize">' : '')  . '<img src="' .  $link . '" style="max-width: 100%;" loading="lazy" border="0" alt="" />'

Убил "двух зайцев" и адекватное масштабирование сделал и избавил себя от головной боли, когда картинка не влазит в маленькие экраны (привет всяким микроноутбукам каменного века).

Позже красиво модифицирую bb-код.

[Luvilla]

но решил вопрос с масштабированием под экран просто и элегантно.

В том же class_bbcode.php ...

правка файлов движка ни в коем случае не может считаться "элегантным решением"
Оффтоп

Это называется "грязный хак", а не "элегантное решение"

картинка не влазит в маленькие экраны

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

[Razielik]

Да, по умолчанию картинки уменьшаются, но если экран менее 1280 по ширине, то уже не влазят. С моим быдло-фиксом они теперь полностью влазят на любом разрешении. И было так с самой инсталляции, много лет назад, в настройки не лазил. Ресайзером несколько лет пользовался (Marco), но с Lazyload он не работает корректно, поэтому был снесен (да и настройка размера там была фиксированная).

И да, в PHP я не шарю, поэтому делаю заплатки на HTML, без углубления в дебри (насколько времени и сил на это хобби хватает).

[Luvilla]

И было так с самой инсталляции

версию vB озвучьте, пожалуйста
чисто спортивный интерес

[Razielik]

версию vB озвучьте, пожалуйста
чисто спортивный интерес

Насколько помню, 4.1.7

[Luvilla]

Насколько помню, 4.1.7

она ж пишет версию...

Ну ОК
спортивный интерес...
вставляем в пост вот это фото
https://upload.wikimedia.org/wikiped...s_mating_1.jpg
4368 х 2912 px

Скрины:

Это вот 408, ископаемое

это тот минимум, до которого можно сжать окно браузера, чтобы картинка не рвала вёрстку



Это развёрнуто на весь монитор



Как видим, у ископаемого была область, больше которой картинка не растягивалась

А это 426
то же фото из Вики
внизу развёрнуто на весь монитор, сверху - тот минимум, до которого можно сжать окно браузера, чтобы картинка не вылазила куда не надо
как видим, жмётся весьма неплохо



в 417, вероятно, ситуация ближе к 42х, чем к 40х, но у меня нет сейчас под рукой 41х для тестов

[Razielik]

Ну, так или иначе, желаемого результата я достиг, разница только в форме костылей. За неимением другого... Осталось только костыль покрасить и облагородить.

[Razielik]

Спустя продолжительное время, свободное от бренной работы, таки "Острый Глаз" обнаружил три переменные стиля:

"image_small_max", "image_medium_max" и "image_large_max"

В их настройках можно выставить вместо фиксированного размера в пикселях нужный процент по ширине. Это решает проблему частично, особенно с мобильными браузерами.

Но, к сожалению, не решает проблему с тем, что "портретные картинки" могут не влазить по высоте (их приходится скроллить). Свой BB-код я написал, но хочу решить проблему глобально. Тут уже, похоже, без HTML-костылей точно не обойтись.

UPD:

Выставил в упомянутом выше class_bbcode.php дополнительную костыль-строчку:

style="max-height: 90vh;"

Что укорачивает размер изображения по вертикали с учетом текущего разрешения экрана (если изображение не влазит).

P.S.: Вот теперь моя душенька довольна. Теперь мой "костыль" не конфликтует со стилем. Вновь спасибо Luvilla за наводку.