carousellite - указать слайды, видимые шириной устройства

Question

Я боюсь, что я не очень хорошо разбираюсь в javascript и буду очень признателен за руководство.

Используя jcarousellite этот код идет в верхней части тела:

<script type="text/javascript"> 
$(function() { 
$(".carousellite").jCarouselLite({ 
    btnNext: ".next", 
    btnPrev: ".prev", 
    auto: 1200, 
    speed: 3000, 
    easing: "easeInOutExpo", 
    visible: 5, 
    pauseOnMouseOver: true, // This is the configuration parameter 
    circular: true 
});  
}); 
</script> 

Я желаю значение числа видимым, чтобы быть 1, если ширина < = 480px и 5, если больше устройств.

Я попытался с помощью кода, такие как это в приведенном выше выражении не имела успеха:

if ($(window).width() < 480) { 
    $(".carousellite").jCarouselLite({visible: 1}); 
} 
else { 
    $(".carousellite").jCarouselLite({visible: 5}); 
} 

Я был бы очень благодарен за некоторую помощь.

Спасибо!

Джонатан

Answer 1

Я нашел мое собственное решение

<script> 
    setTimeout(function(){ 
     if (screen.width < 480){ 
      //scripts for smaller screens 
      $(".carousellite").jCarouselLite({ 
    visible: 1 
    }); 
     } 
    },300) 
</script> 

Благодаря: http://scriptcult.com/subcategory_1/article_856-get-device-width-screen-width-on-mobile-devices.html