Не включается 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> |
dmik777,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
ура! сам разобрался, это jquery и надо было этот код поместить в:
$(document).ready(function(){ }); я так понял запускает скрипт. |
dmik777,
просто $(document).ready(function(){ }); ждет пока загрузится все элементы HTML, а потом уже выполняется код. Без этого js-код не видит никаких элементов в документе, в вашем случае <div id="wowslider"> <div id="wowslider-container"> <div class="ws_images"></div> </div> </div> потому что браузер не успел их создать |
Часовой пояс GMT +3, время: 05:54. |