jQuery addClass example

Change class name on click in jQuery

by Artem Borovikov

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<script src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<div class="wrapper">
    <div class="slider-banners">
        <div class="slide-item" style="background-image: url('/images/page-fly/section-hero/fly-hero-img.jpg')" ></div>
        <div class="slide-item" style="background-image: url('/images/page-fly/section-hero/fly-hero-img.jpg')" ></div>
        <div class="slide-item" style="background-image: url('/images/page-fly/section-hero/fly-hero-img.jpg')" ></div>
    </div>
</div>

CSS

.wrapper {
    position: relative;
    height: 100vh;
    background: green;
}

.multiple-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slick-list,
.slick-track {
    height: 100%;
}

.slide-item {
    page-break-after: c;
}

JavaScript

$('.slider-banners').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false
});