caroufredsel не отображается, пока браузер не изменит размер

Question

У меня возникла проблема с caroufredsel плагин jquery carousel, который я использовал в Web-формах Asp.net. Карусель не отображается, пока я не изменю размер окна. Я вижу проблему в последней версии 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

Answer 1

Если вы хотите быстро патч, просто огонь изменения размера после создания карусели добавив

$(window).resize() 

в конце вашего $ (окно) .load (функция() {