carousellite - 指定按设备宽度可见的幻灯片答案

【问题标题】：carousellite - specify slides visible by device widthcarousellite - 指定按设备宽度可见的幻灯片
【发布时间】：2014-02-17 17:50:13
【问题描述】：

恐怕我不太擅长 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>

如果设备宽度

我曾尝试在上面的表达式中使用这样的代码，但没有成功：

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

如果能得到一些帮助，我将不胜感激。

谢谢！

乔纳森

【问题讨论】：

标签： javascript jcarousellite

【解决方案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

【讨论】：