Сквош изображение в окно, если окно больше, чем изображение

Question

Итак, у меня есть изображение в теле моей веб-страницы.

Если высота окна пользователя меньше 800 пикселей (высота изображения), изображение должно быть сжато в нем (чтобы пользователь мог видеть всю высоту изображения).

Если, с другой стороны, высота окна больше 800 пикселей, изображение должно быть вертикально центрировано.

Какие-нибудь самосвалы?

Спасибо.

Answer 1

с помощью JQuery вы могли бы сделать что-то вроде:

var win = $(window); 
win.load(function() { 
    var image = $("#img"); 
    if (image.height() > win.height()) { 
    image.height(win.height()); 
    } else { 
    // assuming your image is positioned absolute 
    // you should measure its dimensions and then position it 
    // depends on the ways it should be centered... in the current window or the whole document? 
    } 
}); 

win.resize(function() { /* do something */ }); 

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

EDIT: добавлено изменение размера обратного вызова