Как мне указать ширину и высоту img, если мои изображения случайные?

0

Скорость страницы Google и другие сайты тестирования говорят мне, что я должен добавлять <img height width/> ко всем моим изображениям.

Если мои изображения случайны, как мне динамически добавить высоту и ширину изображений?

например, я просматриваю, показываю, некоторые вложения в сообщениях, и все они имеют разные высоты изображения, но все они имеют ширину 200 пикселей.

Поэтому я могу определить ширину, но не высоту.

Изменение: я использую PHP

  • 0
    Изображения со случайной высотой? Гм, это невозможно
  • 0
    @thelolcat Он имеет в виду, что у него есть несколько изображений с разными размерами.
Показать ещё 6 комментариев
Теги:
image

4 ответа

1
Лучший ответ

Вы зацикливаете свои изображения с помощью 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

  • 0
    ах, это похоже на тикер. Благодарю. Я вставлю это и посмотрю, как оно пойдет.
  • 0
    inb4 вот что она сказала.
Показать ещё 2 комментария
2

Определить ширину только, высота будет автоматически соответствовать высоте содержимого

  • 0
    Я знаю, что это не все и конец всему, но не повлияет ли объявление высоты на мою оценку скорости страницы?
  • 1
    @UzumakiDev совсем нет
1

Как вы загружаете свои изображения? вы можете использовать переменные правильно, поэтому вам нужно использовать простую арифметическую операцию, например:

new_height = высота/ширина * 200;

Например, если у вас есть изображение шириной = 500px и height = 300px, новая высота должна быть:

new_height = 300/500 * 200; new_height = 120;

1

css метод:

img {
  width: 200px;
}

html метод:

<img src="http://yoursite.com/image.jpg" width="200px" />

Просто не определяйте высоту, и высота автоматически настраивается в зависимости от ширины 200 пикселей и соотношения сторон изображения.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню