Скорость страницы Google и другие сайты тестирования говорят мне, что я должен добавлять <img height width/>
ко всем моим изображениям.
Если мои изображения случайны, как мне динамически добавить высоту и ширину изображений?
например, я просматриваю, показываю, некоторые вложения в сообщениях, и все они имеют разные высоты изображения, но все они имеют ширину 200 пикселей.
Поэтому я могу определить ширину, но не высоту.
Изменение: я использую PHP
Вы зацикливаете свои изображения с помощью php? если да, взгляните на это:
<?php
list($width, $height, $type, $attr) = getimagesize("img/flag.jpg");
echo "<img src=\"img/flag.jpg\" height=\"$height\" width=\"$width\" $attr alt=\"getimagesize() example\" />";
?>
Подробнее здесь: http://es1.php.net/manual/en/function.getimagesize.php
Определить ширину только, высота будет автоматически соответствовать высоте содержимого
Как вы загружаете свои изображения? вы можете использовать переменные правильно, поэтому вам нужно использовать простую арифметическую операцию, например:
new_height = высота/ширина * 200;
Например, если у вас есть изображение шириной = 500px и height = 300px, новая высота должна быть:
new_height = 300/500 * 200; new_height = 120;
css метод:
img {
width: 200px;
}
html метод:
<img src="http://yoursite.com/image.jpg" width="200px" />
Просто не определяйте высоту, и высота автоматически настраивается в зависимости от ширины 200 пикселей и соотношения сторон изображения.