2014-03-24 22 views
1

我想使用Bootstrap 3.0 Carousel在我的網頁上顯示圖像滑塊。頁面在這裏:http://wasup.si/test-bid1Boostrap 3.0 Carousel - 不同寬度的圖像

我的問題是,我的圖像是不同的寬度,但具有相同的高度。我想要的是圖像粘在一起。基本上,商品類的寬度應該與圖像的寬度相同。任何人都知道我能做到這一點?

完整的傳送帶寬度仍然應該是頁面的100%,只是顯示的內容多於一個。

+0

我建議要麼乾脆圍繞當前的圖像,並把背景顏色在他們身後或也許嘗試與源圖像這是大足以拉伸全屏。任何旋轉木馬/畫廊都可以更好地處理所有尺寸相同的圖像。 –

+0

感謝您的想法,但我無法控制源圖像(用戶上傳) – Bostjan

回答

1
使用這種

最好的辦法是一些其他的傳送帶

http://owlgraphic.com/owlcarousel/demos/images.html

<div id="owl-demo"> 

    <div class="item"><img src="assets/owl1.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl2.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl3.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl4.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl5.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl6.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl7.jpg" alt="Owl Image"></div> 
    <div class="item"><img src="assets/owl8.jpg" alt="Owl Image"></div> 

</div> 
+0

這是否適用於不同寬度的圖像? – Bostjan

相關問題