在浏览器调整大小之前,caroufredsel不可见

时间:2013-12-20 17:41:26

标签: jquery html css caroufredsel

我遇到了问题caroufredsel我在Asp.net Webforms中使用的jquery carousel插件。在我调整窗口大小之前,旋转木马不会显示。我可以在最新版本的Google Chrome和Firefox中看到这个问题。

Javascript

$(window).load(function() {
    $("#slider").carouFredSel({
            circular: true,         
            infinite: true,         
            responsive: true,      
            direction: "left",    
            width: "100%",
            height: "auto",
            auto: true,
            align: "center", 
            padding:0,
            items: {
                visible: 2,
                minimum: 2,
                width: "variable",
                height: "100%"
            },
            scroll: {
                items:1,
                pauseOnHover:true
            }
        });
    });

CSS

#slider .slider-wrapper {
    position:relative !important;
    display: block;
    padding-right: 10px;
    float: left;
    width:554px;
}

.... all other related to design

我在JSbin中创建副本时能够复制该问题。全屏预览在此http://jsbin.com/uyewewo/3

1 个答案:

答案 0 :(得分:5)

如果你想要一个快速补丁,只需在创建轮播添加

后触发调整大小
$( window ).resize()

在$(窗口)的末尾.load(function(){