Question

我正在考虑在多个地方实施滑块，需要单独控制每个滑块，在网页上的其他地方有两次，所以理想情况下我喜欢它们：

一次移动1张幻灯片
一次移动3张幻灯片
自动滚动

我可以看到如何在参数中对这些进行排序，但我不确定如何将它们分开，以便我可以单独控制它们。

我想我需要在html中添加不同的类，然后使用.js中的类来识别。

如何将类添加到.js？

我假设它在这里：

  f.fn.owlCarousel.options = {
    items: 5,
    itemsCustom: !1,
    itemsDesktop: [1199, 4],
    itemsDesktopSmall: [979, 3],
    itemsTablet: [768, 2],
    itemsTabletSmall: !1,

我在这里读到了这个：

owl carousel - Set different items number for each of many sliders placed on the same page

但是我不确定如何在owl.carousel.min.js文件中实现它，因为结构略有不同或者添加类的方式/位置。

参见：f.fn.owlCarousel.options = {

提前致谢

邓肯

Answer 1

您可以实施多个地方，但不想添加任何课程。只需添加一个不同的ID，就可以这样使用它：

$("#owl-demo1").owlCarousel({
    items: 3,
    itemsDesktop: [1199,3],
    itemsDesktopSmall: [979,3],
    itemsMobile: [479,3],
});
$("#owl-demo2").owlCarousel({
    items: 5,
    itemsDesktop: [1199,3],
    itemsDesktopSmall: [979,3],
    itemsMobile: [479,3],
});
$("#owl-demo4").owlCarousel({
    items: 3,
    itemsDesktop: [1199,3],
    itemsDesktopSmall: [979,3],
    itemsMobile: [479,3],
});
$("#owl-demoupload").owlCarousel({
    items: 7,
    itemsDesktop: [1199,3],
    itemsDesktopSmall: [979,3],
    itemsMobile: [479,3],
});

猫头鹰旋转木马 - 多个滑块不同的控件

1 个答案: