2012-07-24 60 views
0

我試圖使一個滑塊(使用bxSlider)類似於this oneBxslider可變/增量寬度

似乎包含滑塊的div改變其寬度在根據用戶的瀏覽器的寬度相等增量。換句話說,所述div從未切斷圖像部分,它總是顯示完整圖像或隱藏它。

有誰知道這是如何工作?

回答

0

您可以使用media queries

對於你必須知道你的形象有多寬的,所以你可以計算滑塊容器的寬度。

只是一個簡單的例子 - 你的圖像是200像素寬。因此,對於800到1000像素之間的屏幕,您的圖像容器必須是800px - 只有4張圖像可以無裁剪。爲1000和1200像素之間的屏幕 - 1000px,所以5個圖像配合等