Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 4.x
Расширенный поиск

vBulletin 4.x Все для скрипта форума vBulletin 4.x

Ответ
 
Опции темы Поиск в этой теме
Старый 16.07.2011, 09:01 Вверх   #1
Новичок
 
Аватар для skandal34
skandal34 вне форума
Доп. информация
По умолчанию уменьшение размера изображений на форуме

вообщем возникла проблема с картинками, если кто то на форуме вставляет через bb-код [img] картинку размер которой привышает 800Px то она вылазит за граници форума, это смотрится как-то не красиво.. помогите решить эту проблему, или скрипт автоматического уменьшения ? или как увеличить размер Вложенных миниатюр картинок? в настройках по поводу миниатюр нашел соответсвующий параметр но он увличевает размер миниатюры только до 640 px...
  Ответить с цитированием
Старый 16.07.2011, 16:00 Вверх   #2
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

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

На счет вылезания за края: есть какой то хак на четверку, но нужно искать под твою версию (ибо это vb 4 )) ).
  Ответить с цитированием
Старый 20.02.2024, 18:00 Вверх   #3
Местный житель
 
Аватар для Razielik
Razielik вне форума
Доп. информация
По умолчанию

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

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

Вопрос, кто в курсе, где редактитуется BB-код IMG? Сделал свой IMG с опцией ширины изо (+ открытие в отдельном окне при нажатии на картинку) при помощи банального HTML. То бишь картинка на форуме выставляется с размером, заданным опцией. Но хочется еще понять, где находится код основного IMG? Хочу без хака, выставить ограничение размера.
  Ответить с цитированием
Старый 21.02.2024, 03:47 Вверх   #4
Старший модератор
 
Аватар для Prometej
Prometej вне форума
Доп. информация
По умолчанию

Доброго и Вам.
Скажите, пожалуйста, а что Вам мешает взять какой либо хак и изучить самому как всё устроено? Неужели Вам это не интересно? Получать готовый ответ, на мой взгляд, это скучно.
Простите, если в чём не прав.
  Ответить с цитированием
Cказали cпасибо:
Старый 21.02.2024, 11:11 Вверх   #5
Просто блондинка
 
Аватар для Luvilla
Luvilla вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Razielik Посмотреть сообщение
Хочу без хака, выставить ограничение размера.
речь о 4ке?

шаблон vbulletin.css

Код:
.content img {
	max-width: {vb:stylevar image_max_size};
}
переменные стиля - image_max_size
  Ответить с цитированием
2 пользователя(ей) сказали cпасибо:
Старый 22.02.2024, 00:13 Вверх   #6
Местный житель
 
Аватар для Razielik
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-код.
  Ответить с цитированием
Старый 22.02.2024, 11:01 Вверх   #7
Просто блондинка
 
Аватар для Luvilla
Luvilla вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Razielik Посмотреть сообщение
но решил вопрос с масштабированием под экран просто и элегантно.

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

Цитата Сообщение от Razielik Посмотреть сообщение
картинка не влазит в маленькие экраны
насколько я помню 4ку, у неё "из коробки" эта проблема была решена, картинки жмутся в размер окна, не важно, это имг по ссылке или аттач
И если где-то вдруг не так... то либо где-то настройки перебиты, либо кастомный стиль кривой, либо уже что-то менялось в файлах...
  Ответить с цитированием
3 пользователя(ей) сказали cпасибо:
Старый 22.02.2024, 13:15 Вверх   #8
Местный житель
 
Аватар для Razielik
Razielik вне форума
Доп. информация
По умолчанию

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

И да, в PHP я не шарю, поэтому делаю заплатки на HTML, без углубления в дебри (насколько времени и сил на это хобби хватает).
  Ответить с цитированием
Старый 22.02.2024, 21:06 Вверх   #9
Просто блондинка
 
Аватар для Luvilla
Luvilla вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Razielik Посмотреть сообщение
И было так с самой инсталляции
версию vB озвучьте, пожалуйста
чисто спортивный интерес
  Ответить с цитированием
Старый 23.02.2024, 09:18 Вверх   #10
Местный житель
 
Аватар для Razielik
Razielik вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Luvilla Посмотреть сообщение
версию vB озвучьте, пожалуйста
чисто спортивный интерес
Насколько помню, 4.1.7
  Ответить с цитированием
Старый 23.02.2024, 17:24 Вверх   #11
Просто блондинка
 
Аватар для Luvilla
Luvilla вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Razielik Посмотреть сообщение
Насколько помню, 4.1.7
она ж пишет версию...

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

Скрины:

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

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

Нажмите на изображение для увеличения
Название: 408_1.png
Просмотров: 4
Размер:	655.8 Кб
ID:	1233

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

Нажмите на изображение для увеличения
Название: 408_2.png
Просмотров: 4
Размер:	709.0 Кб
ID:	1234

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

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

Нажмите на изображение для увеличения
Название: 426.png
Просмотров: 2
Размер:	1.23 Мб
ID:	1235

в 417, вероятно, ситуация ближе к 42х, чем к 40х, но у меня нет сейчас под рукой 41х для тестов
  Ответить с цитированием
Cказали cпасибо:
Старый 25.02.2024, 17:14 Вверх   #12
Местный житель
 
Аватар для Razielik
Razielik вне форума
Доп. информация
По умолчанию

Ну, так или иначе, желаемого результата я достиг, разница только в форме костылей. За неимением другого... Осталось только костыль покрасить и облагородить.
  Ответить с цитированием
Старый 02.05.2024, 13:04 Вверх   #13
Местный житель
 
Аватар для Razielik
Razielik вне форума
Доп. информация
По умолчанию

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

"image_small_max", "image_medium_max" и "image_large_max"

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

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

UPD:

Выставил в упомянутом выше class_bbcode.php дополнительную костыль-строчку:
Код:
style="max-height: 90vh;"
Что укорачивает размер изображения по вертикали с учетом текущего разрешения экрана (если изображение не влазит).

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

Последний раз редактировалось Razielik; 02.05.2024 в 13:27..
  Ответить с цитированием
Ответ

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[Вопрос] Индивидуальные права размера вложений HotBeer vBulletin 3.х 3 15.06.2011 12:12
[Вопрос] Ротатор изображений eLigan Joomla! 2 07.05.2011 17:15
[Вопрос] Индексация изображений krivylkin vBulletin 4.x 3 11.04.2011 21:28
Скачивание файлов большого размера. GrOoVeR vBulletin 4.x 4 11.12.2010 21:38
[Вопрос] Уменьшение блоков новосетй и JPG Hnt DataLife Engine 6 27.05.2010 10:25


Текущее время: 02:01. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.14332 секунды с 15 запросами