управление шириной и высотой изображения в зависимости от его пропорций

@Columb · Регистрация: 12.11.2009

Студворк — интернет-сервис помощи студентам

Всем по привету! Такой вопрос

есть вот это <img id="icon">

Нужно на джаве определить следующее

если width > height рисунка тогда <img id="icon" style="width:200px">
иначе <img id="icon" style="height:200px">

я начал делать так, и наверное написал полную чуш

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript" type="text/javascript">
        
          img_width=document.getElementById("small_img").style.width;
          img_height=document.getElementById("small_img").style.height;
          if (img_width < img_height) 
          {
          document.getElementById("small_img").style.height=200;                     
          }            
           else 
           {
           document.getElementById("small_img").style.width=200;
           }         
</script>

поскажите как правильно сделать?!

@Nazz · 14.09.2010, 19:29

а так?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript" type="text/javascript">
                
                  img_width=document.getElementById("small_img").width;
                  img_height=document.getElementById("small_img").height;
                  if (img_width < img_height) 
                  {
                  document.getElementById("small_img").style.height=200;                                         
                  }                
                   else 
                   {
                   document.getElementById("small_img").style.width=200;
                   }             
</script>

@Hurtsok · 15.09.2010, 04:42

style надо убрать в условии, иначе не заработает

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@Hurtsok bigMatherHacker 112 / 81 / 12 Регистрация: 18.08.2010 Сообщений: 237
	15.09.2010, 04:42
	style надо убрать в условии, иначе не заработает 1

Опции темы