2013-12-20 95 views
2

我遇到了與caroufredsel jquery carousel插件,我在一個Asp.net Webforms中使用的問題。在調整窗口大小之前,旋轉木馬不顯示。我可以在最新版本的Google Chrome和Firefox中看到此問題。caroufredsel不可見,直到瀏覽器調整大小

的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

回答

4

如果你想快速的補丁,剛剛火調整大小創建旋轉木馬在你的$(窗口).load(函數(){

的末尾添加

$(window).resize() 

+0

這樣做!謝謝你的頭! – Ravimallya

相關問題