Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задание максимальной ширины для картинки / 3 сообщений из 3, страница 1 из 1
22.09.2015, 13:11
    #39058269
qi_ip
qi_ip
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Задание максимальной ширины для картинки
Все привет! Есть страница с DIV областью, внутри которой вставляет картинка с помощью JS. То есть, типа такого:

Код: html
1.
2.
3.
4.
5.
6.
<div id='example_div'>
    Here placed first picture {picture_01}<br>
    Here placed first picture {picture_02}<br>
    Here placed first picture {picture_03}<br>
    Here placed first picture {picture_04}
</div>



С помощью командые replace заменяю в тексте {picture_01}, {picture_02}, {picture_03}, {picture_04} на картинки picture_01.jpg, picture_02.jpg, picture_03.jpg, picture_04.jpg.

Код: javascript
1.
replace('{picture_01}','<img src="picture_01.jpg"/>);



Проблем с самой заменой нет, но нюанс в том, что если width и height картинки меньше заданной ширины DIV'a, то картинка отображается нормально внутри страницы, но если больше, то, соответственно, страница расширяется влево-вправо и появляются полосы прокрутки.

Как при вставке изображения (с помощью CSS, JS или HTML-тегов) сделать так, чтобы картинка сужалась до ширины заданной области, независимо от размеров?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.09.2015, 13:50
    #39058338
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Задание максимальной ширины для картинки
qi_ip,

как-то так:
Код: css
1.
#example_div img{display:block;width:auto;max-width:100%}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.09.2015, 13:51
    #39058339
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Задание максимальной ширины для картинки
и "бр" убрать между
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задание максимальной ширины для картинки / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 528ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1445725]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 234ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 39ms
get tp. blocked users:
 2ms
others: 205ms
total:  528ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]