Помощь новичку в JS

[Andry_JS]

Доброго времени суток. Вопрос в следующем:

Есть скрипт(который я нашел в интернете) выполняющий автоматическое масштабирование бекграунда по размеру экрана, но выполняется он один раз и для одного объекта. Мне же хочется применить для всех нужных мне div'ов.

Пожалуйста, помогите довести скрипт до ума. Я думаю, что можно реализовать задачу через .siblings(), но я не знаю как... очень плохо знаю синтаксис js...

Вот скрипт:

var _settings = {

			// Full screen win
				useFullScreenWin: true
			};

	// jQuery
		jQuery(function() {

			var	$window = $(window),
				$body = $('body');

			// Full Screen Win
				if (_settings.useFullScreenWin)
				{
					var $win = $('#win');
					
					if ($win.length > 0)
					{
						var $win_win = $win.find('win');
						
						$window
							.on('resize.overflow_fsh', function() {
									var p = Math.max(192, ($window.height() - $win_win.outerHeight()) / 2);
									$win.css('padding', p + 'px 0 ' + p + 'px 0');
							})
							.trigger('resize.overflow_fsh');
							
						$window.load(function() {
							$window.trigger('resize.overflow_fsh');
						});
					}
				} 
			});

[рони]

Andry_JS,
может проще на css сделать?

[Andry_JS]

Andry_JS,
может проще на css сделать?

Проще - возможно, но качественнее так.

[Andry_JS]

Andry_JS,
может проще на css сделать?

Представьте, например, хочется вам оптимизировать сайт для всех типов мобильных устройств. Одних медиа стилей напишете в несколько раз больше этого скрипта + сколько времени потратите на реализацию. А тут всё достаточно просто...

[danik.js]

Представьте

Представил:

body{
    background: url(image.jpg);
    background-size: cover;
}

А тут всё достаточно просто

Без сомнений!

[danik.js]

$window.height() - $win_win.outerHeight()

win головного мозга

[рони]

Andry_JS,
структура блока ?

[danik.js]

Одних медиа стилей напишете в несколько раз больше этого скрипта

Зато все отрисуется моментально, а не когда загрузится тормозная jquery. Да чего там больше то?

[Andry_JS]

body{
    background: url(image.jpg);
    background-size: cover;
}

Скрип рассчитывает отступы от объекта до краёв окна браузера, это очень удобно так как все объекты позиционируются в центре, при любом размере окна браузера. Я не много не правильно задачу описал, но суть вроде ясна)

[Andry_JS]

Andry_JS,
структура блока ?

<div id="win">
			<div id="c1">
					<header id="header">
						<h1></h1>
					</header>
			</div>
		</div>
		<div id="win">
			<div class="c2">
                                        <header id="header">
						<h1></h1>
					</header>
			</div>
		</div>
		<div id="win">
			<div class="c3">
                                        <header id="header">
						<h1></h1>
					</header>
			</div>
		</div>