javascript - Bxslider可变/增量宽度

标签 javascript jquery css bxslider

我正在尝试制作类似于 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/

相关文章:

asp.net - 当主要内容需要时,如何在母版页上获取 'footer' 内容以向下推送?

css - 为什么不证明内容 : center work in IE?

javascript - 将 .each() 与数组结合使用

javascript - 尝试使用 jQuery console.log 一个 id

javascript - 显示 html <DIV> 元素的好方法,例如画廊、mooflow、灯箱等

c# - 如何同时使用 jquery、ajax 和 mysql?

html - 将文本与 HTML 中的图像对齐到行的底部

javascript - 单击按钮时旋转 CSS 卡

javascript - 什么时候用 null 或根本不初始化 JavaScript 中的变量?

javascript - 使用 ng-click 过滤新闻和事件