Показать сообщение отдельно
  #1 (permalink)  
Старый 17.07.2014, 16:43
Аспирант
Отправить личное сообщение для Александр222 Посмотреть профиль Найти все сообщения от Александр222
 
Регистрация: 24.04.2014
Сообщений: 55

Пропорциональное центрирование картинки на бекграунде
Здравствуйте.
Подскажите пожалуйста, как отцентрировать пропорционально изображение в зависимости от размеров экрана?

Есть такой код
Проверяем высоту экрана и изображения, если высота изображения меньше присваиваем ему высоту окна, ширину при это 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()
		});
	}
}


Но скрипт работает странно.
В чем моя ошибка?
Ответить с цитированием