zqz-carousel v1.0.4

zqz-carousel

Carousel plugin

repository

https://github.com/Chowqz/zqz-carousel

Install

npm install zqz-carousel --save

Usage

HTML structure

<div class="carousel">
    <ul class="carousel-list">
        <li class="carousel-item">
            <img src="./images/image01.jpg" alt="">
        </li>
        <li class="carousel-item">
            <img src="./images/image02.jpg" alt="">
        </li>
        <li class="carousel-item">
            <img src="./images/image03.jpg" alt="">
        </li>
        <li class="carousel-item">
            <img src="./images/image04.jpg" alt="">
        </li>
        <li class="carousel-item">
            <img src="./images/image05.jpg" alt="">
        </li>
    </ul>
    <div class="carousel-btn prev-btn"></div>
    <div class="carousel-btn next-btn"></div>
</div>

JS core

import Carousel from 'zqz-carousel'
let instance = new Carousel({
    el: document.querySelector('.carousel'),
    options: {
        width: 900,
        itemWidth: 640,
        height: 360
    }
})

Props