Слушайте, уважаемые завсегдатаи форума. Еще один вопросик.
Ситуация.
Есть у нас html-тег
И таких тегов, к примеру 3 ряда по 4 шт в каждом. Получается вывод в три ряда до4 изображения небольшого размера, к примеру 120/120 px.
Получается, что задав атрибуты тега width и height возможно на клиенте в браузере просто уменьшать размер реального изображения под требуемый.
Получится что-то вроде (разметка чисто для примера, не пугайтесь):
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table>
<tr>
<td>
<img id="1" src="..." width="120px" /> <img id="2" src="..." width="120px" /> <img id="3" src="..." width="120px" /> <img id="4" src="..." width="120px" />
</td>
<td>
<img id="5" src="..." width="120px" /> <img id="6" src="..." width="120px" /> <img id="7" src="..." width="120px" /> <img id="8" src="..." width="120px" />
</td>
<td>
<img id="9" src="..." width="120px" /> <img id="10" src="..." width="120px" />
</td>
</tr>
</table>
Это всё хорошо, когда изображения квадратные и указание одного лишь атрибута width даст требуемое пропорциональное уменьшение на экране. Также этот способ хорошо сработает когда все изображения имеют одинаковые исходные размеры, пускай не квадратные, но прямоугольные. Но все одинаковые.
А что когда каждая картинка имеет свою сторону прямоугольника размера? Что когда одна картинка посредством задания атрибута width="120px" получит высоту 40 px, другая рядом 190 px, третья - 10 px ?!
В итоге все некрасиво будет смотреться в отношении выравнивания по высоте/ширине.
Можно, конечно, настраивать атрибут height и получать отличное выравнивание по высоте, но всё же ширина будет сильно отличаться каждой картинки.
Вот как бы реализовать способ уменьшения так, что бы програмно определять какой атрибут (width или height) предпочтительнее задать для конкретной картинки?
