Меняю background на img, картинки становится шире

@KISS_ARMY · Регистрация: 03.07.2013

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

Добрый, может кто подскажет, меняю способ вывода картонок в разделе с background на img с сохранением всех классов, все хорошо, но они становится шире почему так?!

@JIyrApy · 24.05.2017, 15:43

Либо в аттрибутах img, либо в стилях на img стоит width 100%, вот и растягивает.

@KISS_ARMY · 24.05.2017, 18:39 **[ТС]**

Сообщение от JIyrApy

Либо в аттрибутах img, либо в стилях на img стоит width 100%, вот и растягивает.

Код простой <img class="product-item-image-original" id="<?=$itemIds['PICT']?>" src="<?=$item['PREVIEW_PICTURE']['SRC']?>" st yle="display: <?=($showSlider ? 'none' : '')?>;">
Можно тут задать параметры картинки?

@JIyrApy · 24.05.2017, 18:54

Класс product-item-image-original какие-нибудь стили имеет?
1) Можете задать стили max-width:100% и max-height:100% (если блок под картинку имеет фиксированную высоту). Либо ограничить эти значения не процентами, а конкретными пикселями.
2) Можете задать конкретные аттрибуты height и width у img (например, взяв их из $item['PREVIEW_PICTURE']['HEIGHT'] и $item['PREVIEW_PICTURE']['WIDTH'])
3) Так же можно воспользоваться битриксовой функцией ResizeImage (смотрите примеры)

@KISS_ARMY 1 / 1 / 3 Регистрация: 03.07.2013 Сообщений: 278
		1
	Меняю background на img, картинки становится шире 24.05.2017, 14:57. Показов 1078. Ответов 3 Метки нет (Все метки) Добрый, может кто подскажет, меняю способ вывода картонок в разделе с background на img с сохранением всех классов, все хорошо, но они становится шире почему так?! Миниатюры 0

@JIyrApy 34 / 34 / 2 Регистрация: 22.08.2010 Сообщений: 271
	24.05.2017, 15:43	2
	Либо в аттрибутах img, либо в стилях на img стоит width 100%, вот и растягивает. 0

@KISS_ARMY 1 / 1 / 3 Регистрация: 03.07.2013 Сообщений: 278
	24.05.2017, 18:39 [ТС]	3
	Сообщение от JIyrApy Либо в аттрибутах img, либо в стилях на img стоит width 100%, вот и растягивает. Код простой <img class="product-item-image-original" id="<?=$itemIds['PICT']?>" src="<?=$item['PREVIEW_PICTURE']['SRC']?>" st yle="display: <?=($showSlider ? 'none' : '')?>;"> Можно тут задать параметры картинки? 0

@JIyrApy 34 / 34 / 2 Регистрация: 22.08.2010 Сообщений: 271
	24.05.2017, 18:54	4
	Класс product-item-image-original какие-нибудь стили имеет? 1) Можете задать стили max-width:100% и max-height:100% (если блок под картинку имеет фиксированную высоту). Либо ограничить эти значения не процентами, а конкретными пикселями. 2) Можете задать конкретные аттрибуты height и width у img (например, взяв их из $item['PREVIEW_PICTURE']['HEIGHT'] и $item['PREVIEW_PICTURE']['WIDTH']) 3) Так же можно воспользоваться битриксовой функцией ResizeImage (смотрите примеры) 0

Опции темы