Здравствуйте.
Подскажите пожалуйста, как отцентрировать пропорционально изображение в зависимости от размеров экрана?
Есть такой код
Проверяем высоту экрана и изображения, если высота изображения меньше присваиваем ему высоту окна, ширину при это auto.
Если высота изображения больше ширины экрана, присваиваем ширину.
function backCover(){
var hWindow = $(window).height();
var wWindow = $(window).width();
var hElem = $('.back-cover').find('img').height();
// alert(1.2*wWindow)
if(hElem < hWindow){
$('.back-cover').find('img').css({
height: hWindow,
width:'auto'
});
}
else{
$('.back-cover').find('img').css({
height:'auto',
width:1.2*wWindow
// marginTop:-0.5*$('img').height(),
// marginLeft:-0.5*$('img').width()
});
}
}
Но скрипт работает странно.
В чем моя ошибка?