Не включается Javascript

[dmik777]

здравствуйте, есть такой html:

<div id="wowslider">
<div id="wowslider-container">
<div class="ws_images"></div>
</div>
</div>

и js:

if($('#wowslider-container').length){
        window.sizer = function(){
          var sh = parseInt($(window).height());
          var sw = parseInt($(window).width());
          if(sh/sw>0.5) sw = sh*2;
          else sh = sw/2;
          $('#wowslider-container .ws_images').css({
            width: sw+'px',
            marginLeft: -sw/2 + 'px',
            left: '50%',
            height: sh+'px',
            marginTop: -sh/2 + 'px',
            top: '50%'
          });
        }
        $(function(){
          $('#wowslider-container .ws_images').each(window.sizer);
          $(window).resize(window.sizer);
          $("#wowslider-container").wowSlider({effect:"kenburns", prev:"", next:"", duration:30*100, delay:30*100, width:960, height:360, autoPlay:true, stopOnHover:false, loop:false, bullets:true, caption:true, controls:true, images:0});
        });
      }

Но он никак не хочет работать, подскажите, пожалуйста, что надо в нем подправить?

после него должно быть примерно так:

<div id="wowslider">
<div id="wowslider-container">
<div class="ws_images" style="width: 1600px; margin-left: -800px; left: 50%; height: 800px; margin-top: -400px; top: 50%;"></div>
</div>

</div>

[рони]

dmik777,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

[dmik777]

ура! сам разобрался, это jquery и надо было этот код поместить в:

$(document).ready(function(){

});

я так понял запускает скрипт.

[js-js]

dmik777,
просто

$(document).ready(function(){
 
});

ждет пока загрузится все элементы HTML, а потом уже выполняется код. Без этого js-код не видит никаких элементов в документе, в вашем случае

<div id="wowslider">
    <div id="wowslider-container">
         <div class="ws_images"></div>
     </div>
</div>

потому что браузер не успел их создать