Не включается 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, время: 23:36. |