How do I add classes to items in Owl Carousel 2?

后端 未结 2 1839
陌清茗
陌清茗 2020-12-05 08:50

My goal is to make a carousel that looks like this:

\"Carousel\"

In case you don\'t know what you\'re looki

2条回答
  •  Happy的楠姐
    2020-12-05 09:21

    add this in your css and js file.

    .owl-carousel.owl-drag .owl-item.center .item {
        background: rgb(25, 0, 255) ;
        transform: scale(1.1)
      }
    
    
    $(document).ready(function () {
    
    $(".owl-carousel").owlCarousel({
        center: true,
        dots: false,
        loop:true,
        responsive: {
            1900: {
                items: 7
            },
            1440: {
                items: 5
            },
            760: {
                items: 3
            },
            0: {
                items: 1
            }
        }
    });
    

    });

提交回复
热议问题