[Ликбез]
Форма входа
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... » Ограничение размеров любых изображений на форуме.
Ограничение размеров любых изображений на форуме.
[1] likbezz [19.02.2011, 15:22]
По мотивам вопроса из лички: (19-Фвр-2011, 12:52)

Quote (Alastar77)
Не могли бы вы подсказать, как сделать так, чтоб при использовании BB-кода img (если изображение большое) не рапирало форум? А то при вставке больших изображений, они показываются во весь свой размер
[2] likbezz [19.02.2011, 16:23]
Вариантов пока два: на CSS+expression - для ИЕ6 ... и на JS (JQ) ...

Вариант при помощи стилей:
Code
<style type="text/css">
/* StartStyle */
td.posttdMessage img{max-width:400px!important;height:auto!important;}
* html td.posttdMessage img{width:expression((this.width>399)?'400px':true);}
/* EndStyle */
</style>

Где:
Вторая строка - исключительно для ИЕ v6 ....


...

Добавляется либо в шаблон - «Общий вид страниц форума», либо в основную таблицу стилей ....
...

Вариант на JQ:
Code
<script type="text/javascript">
$(function(){
/* Start DocumentReady */
$('img','td.posttdMessage').css({maxWidth:'400px',maxHeight:'400px'});
/* End DocumentReady */
});
</script>

...

Это добавляется в шаблон «Общий вид страниц форума» .... После оператора $BODY$ - в самый низ, а вообще - без разницы.


...

» Пример смотреть либо на этом форуме, либо по ссылкам ниже ....

☑ Пример на CSS ....

☑ Пример на JQ ....
....

Читаем статью: Уменьшение изображений (ограничение максимальных размеров картинки) на форуме и сайте (CSS + expression)
....
Прикрепления: 2579715.png (30.1 Kb) · 3366277.png (22.9 Kb)
[3] Tester [19.02.2011, 16:26]
Пример...

Вставлено при помощи оератора $IMAGE$...

При помощи BB-кодов ...

P.S. Для админских/модерских постов - не работает у меня .... )

Прикрепления: 5113400.jpg (37.6 Kb)


Сообщение отредактировал Tester - Суббота, 19.02.2011, 16:28
[4] Diana [04.08.2011, 08:58]
Если картинка вставлена при помощи оератора $IMAGE$...
то по клику открывается во весь размер,а если ВВ кодами то нет.
Можно ли сделать чтоб вставленная ВВ кодами тоже открывалась по клику?
У меня все картинки вставлены ВВ кодами.
Уже несколько раз пыталась поставить этот скрипт - чтоб картинки не вылазили куда не нужно, но в полный размер их не посмотришь и убираю каждый раз - на маленьких же видно плохо.
Ну бесполезно им обьяснять - как правильно вставлять картинки.
[5] likbezz [04.08.2011, 14:10]
Diana,
Quote (Diana)
Можно ли сделать чтоб вставленная ВВ кодами тоже открывалась по клику?

Только скриптом, который проверял бы входит ли размер картинки в установленный диапазон, и если нет то устанавливал бы нужный размер и вешал атрибут onclick открывающий картинку в новом окне.
...
Полная версия сайта