我正在尝试制作类似于 this one 的 slider (使用 bxSlider
) .
包含 slider 的 div
似乎会根据用户浏览器的宽度以相等的增量更改其宽度。换句话说,div
永远不会 chop 图像的一部分,它总是显示完整的图片或隐藏它。
有人知道这是怎么回事吗?
最佳答案
您可以使用 media queries
为此,您必须知道图像的宽度,以便计算 slider 容器的宽度。
举个简单的例子 - 您的图片宽度为 200 像素。因此,对于 800 到 1000 像素之间的屏幕,您的图像容器必须是 800px
- 只有 4 张图像可以不裁剪。对于 1000 到 1200 像素之间的屏幕 - 1000px
,所以适合 5 张图片,等等。
关于javascript - Bxslider可变/增量宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11640296/