Фотогалерея - динамически определяйте ширину / высоту изображения, чтобы максимально увеличить вид

Question

Я строю фотогалерею.Фотогалерея состоит из изображений, которые пользователи загружают.Размер загружаемых файлов может быть любого размера: 100x100, 2500x2500.

Страница просмотра моей фотогалереи - «Жидкая», то есть ширина страницы не фиксирована.

В фотогалереестраница Я показываю исходное изображение обновлено - без изменения размера (хотя я делаю для других целей, эскизы и т. д.) ...

Что я хотел бы сделать, это показать изображение в максимально возможном размере, чтобы использовать всереальное использование страницы возможно.

Сейчас у меня есть: max-width: 600px;минимальная высота: 100 пикселей;min-width: 100px;

Проблема в том, что если я избавлюсь от max-width, изображение переполнится со страницы.

Есть идеи?

Спасибо

Answer 1

Может помочь указание размеров max-width и max-height в процентах.

Answer 2

Извините, я не могу понять, чего именно вы хотите, но определить ширину элемента в jquery

var wid=$('#id').width();

вы можете динамически изменять ширину изображения, используя (при условии, что вам нужно 100X100)

 var x=100;
 $(#id).css({width:x,height:x});