Изменение размера изображения HTML в зависимости от его размера ⇐ Html

[Anonymous]

Я столкнулся с этой проблемой при создании страницы интернет-торгового центра.

Большинство фотографий, загруженных в мою базу данных, имеют разные размеры, и мне пришлось изменить их все размеры. Но когда я это сделал, разрешение некоторых изображений стало очень плохим, когда я установил одинаковую высоту для всех изображений.

Я хочу добавить что-то вроде предложения if, которое определяет размер изображения, а затем изменяет размер только тех изображений, которые больше заданного размера.

Я хочу добавить что-то вроде этого:

if (img height < 300px) {
img height = "100px";
} else {
img height = "400px";
}


Вот мой текущий код:

• 
  
  
  
  
  
  {$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}
  {$option_preview_icon} {$basket_icon} {$zoom_icon}
  
  
  {$product_name_title} : {$product_name}
  
  
  {$item_title} : {$item_content}
• {$item_title} : {$item_content}

[*]






{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}
{$option_preview_icon} {$basket_icon} {$zoom_icon}


{$product_name_title} : {$product_name}

• {$item_title} : {$item_content}
• {$item_title} : {$item_content}

Подробнее здесь: https://stackoverflow.com/questions/457 ... n-its-size