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

Разбираемся в CSS
Anonymous
 Изменение размера изображения 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

Вернуться в «CSS»