ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Задание максимальной ширины для картинки
3 сообщений из 3, страница 1 из 1
Задание максимальной ширины для картинки
    #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:11
| Ответить | Цитировать | Написать  
Задание максимальной ширины для картинки
    #39058338
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
qi_ip,

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


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