2014-03-24 23 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

相关问题