Фильтр по:
  

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Ограничение размеров любых изображений на форуме. (Ограничение размеров картинок, добавленых BB-кодами [img])
Ограничение размеров любых изображений на форуме.
Дата: Суббота, 19.02.2011, 15:22 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


По мотивам вопроса из лички: (19-Фвр-2011, 12:52)

Quote (Alastar77)
Не могли бы вы подсказать, как сделать так, чтоб при использовании BB-кода img (если изображение большое) не рапирало форум? А то при вставке больших изображений, они показываются во весь свой размер


 
Дата: Суббота, 19.02.2011, 16:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Вариантов пока два: на 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)

 
Дата: Суббота, 19.02.2011, 16:26 |
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Пример...

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

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

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

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

Сообщение отредактировал Tester - Суббота, 19.02.2011, 16:28
 
Дата: Четверг, 04.08.2011, 08:58 |
Diana
Генерал-лейтенант
Группа: Помощники
Сообщений: 606
Награды: 0
Репутация: 20
Статус: Offline


Если картинка вставлена при помощи оератора $IMAGE$...
то по клику открывается во весь размер,а если ВВ кодами то нет.
Можно ли сделать чтоб вставленная ВВ кодами тоже открывалась по клику?
У меня все картинки вставлены ВВ кодами.
Уже несколько раз пыталась поставить этот скрипт - чтоб картинки не вылазили куда не нужно, но в полный размер их не посмотришь и убираю каждый раз - на маленьких же видно плохо.
Ну бесполезно им обьяснять - как правильно вставлять картинки.


 
Дата: Четверг, 04.08.2011, 14:10 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diana,
Quote (Diana)
Можно ли сделать чтоб вставленная ВВ кодами тоже открывалась по клику?

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


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Ограничение размеров любых изображений на форуме. (Ограничение размеров картинок, добавленых BB-кодами [img])
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия