如何在响应式jCarousel上选择可见项的数量

Question

如何在jCarousel上选择可见项目的数量？我已将此插件http://sorgalla.com/jcarousel/与此模板http://sorgalla.com/jcarousel/examples/responsive/

一起使用

默认情况下，无论我更改容器的宽度多少，都会显示最多3个元素，我想显示至少5个元素。

Answer 1

此设置可在文件jcarousel.responsive.js上找到，这是GitHub https://github.com/jsor/jcarousel/tree/master/examples/responsive上的自适应轮播示例。

行

if (width >= 600) {
  width = width / 3;
} else if (width >= 350) {
  width = width / 2;
}

确定将分别在大于600和350的屏幕上显示的项目数量，以便在较大的屏幕上显示4个元素，在较小的屏幕（手机）上显示3个元素：

if (width >= 600) {
  width = width / 4;
} else if (width >= 350) {
  width = width / 3;
}

另请注意，有些用户似乎更改了设置＆＃34;可见＆＃34; （Setting number of visible images in jCarousel）此变量似乎对响应示例没有任何更改。