2013-04-23 77 views
0

当我们在css纵向照片中设置img宽度拉伸。当我们不设置img宽度时,carouFredSel会在当前的旁边显示其他图像的部分。我们如何才能只显示以固定宽度旋转木马为中心的一张(人像)照片?如何在carouFredSel中显示可变宽度的图像?

---- JS ------

$('#carousel').carouFredSel({ 
     width: '100%', 

     items: { 
      visible: 3, 
      minimum: 1, 
      start: 0, 
      width: '100%', 
      align:'center' 
     }, 
     scroll: { 
      items: 1, 
      duration: 800, 
      timeoutDuration: 3000 
     }, 
     prev: '#prev', 
     next: '#next', 
     pagination: { 
      container: '#pager', 
      deviation: 0 
     }, 
     auto: { 
      pauseOnHover: true 
     } 
    }); 

------- CSS ------------

#carousel img { 
display: block; 
float: left; 
/*width: 978px;*/ 
height: 652px; 
background: white; 
text-align: center; 

}

回答

0

希望我能正确理解。以下应居中图像,而不是调整包含元素

$("#carousel").carouFredSel({ 
    width: "auto", 
    height: "variable" 
}) 

鉴于以下将包含元素的大小调整为图像的宽度

$("#carousel").carouFredSel({ 
    width: "variable", 
    height: "variable" 
})