здравствуйте, есть такой 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>