Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не включается Javascript (https://javascript.ru/forum/dom-window/43701-ne-vklyuchaetsya-javascript.html)

dmik777 16.12.2013 21:36

Не включается Javascript
 
здравствуйте, есть такой 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>

рони 16.12.2013 22:10

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

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


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

dmik777 17.12.2013 20:03

ура! сам разобрался, это jquery и надо было этот код поместить в:
$(document).ready(function(){

});


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

js-js 17.12.2013 22:04

dmik777,
просто
$(document).ready(function(){
 
});


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

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


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


Часовой пояс GMT +3, время: 05:54.