[seoeffector]

Здравствуйте дорогие форумчани! Требуется Ваша помощь,.

Хочу что бы при публикации поста все изображение была одинаковой заданной ширине и высоте я сделал так:

Код HTML:

.blogpost img,.post img{border:border: 1px solid #F3F3F3;
background: none repeat scroll 0 0 #F8F8F8;
padding: 5px;
display: block;
height: 230px;
margin: 10px auto 3px;
width: 540px !important;
}

Вроде все нормально, но если я хочу в посте добавить картинку поменьше например размерами 150х150 то она автоматически преобразовывается на 230x540.

Вопрос: Как сделать так что бы они не преобразовывались в 230x540 . А были нормального размера, может в css надо еще что то прописать. Спасибо.

[donriga]

Может max-width?

[lodas]

у каждой картинки свой класс- добавьте нужный класс и назначьте ему необходимую вам ширину и высоту

[TBicTep]

Можно джаваскриптом.

Код HTML:

<script type="text/javascript">
function resImgs(maxHeight,maxWidth){
	var img = document.images;
	for (var i = 0; i < img.length; i++) {
		if (img[i].width > maxWidth || img[i].height > maxHeight){
			img[i].width = maxWidth;
			img[i].height=maxHeight ;		
		}
	}
}
window.onload = function() {resImgs(240,540);}
</script>

Будет меняться размер только для картинок больше 240х540

[donriga]

TBicTep, css наверное быстрее отработает и не будет мерцаний, хотя на js не пробовал, это костыль

[TBicTep]

donriga, да быстрей, та как все будет рисоваться походу.

[patrician]

по пропорциям делайте, т.е. например стандартно заливаете картинки шириной 800х600 или 1024х768, а они автоматически через параметр width: 540px уменьшаются при выводе на страницу.
При этом height из css надо убрать.