Introduce

This conponent is used to show the SlidePictures in your website

Usage

1. Install

npm i slide-pictures

2. Methods

new SlidePicture(arr) // This methods allows you to create the SlidePictures in your website, it needs an arr which store the pictures' path as its' parameter

init(length, width) // This methods allows you to set the SlidePictures' length and width

show() // This methods allows you to show the SlidePictures in your website.

3. Warning!

This component needs the HTML structure likes follow to support.

<section class="slide_content">
    <div class="slide">
        <div class="img">
            <ul id="slide_img"></ul>
        </div>
        <ul id="num"></ul>
    </div>
</section> 

Example

import {SlidePicture} from 'slide-pictures';
//调用轮播图
var path = ['https://img03.sogoucdn.com/app/a/100520093/dc72c3c04ef01fdf-22176402958c6b80-c38b335da7c9b59cca351a1973458b0f.jpg',
             'https://img01.sogoucdn.com/app/a/100520093/12400ee0679b6e1e-d3e639ff657519ea-a9d4d43a8f00e80cfae6b8f74af91564.jpg',
             'https://img03.sogoucdn.com/app/a/100520093/3c28af542f2d49f7-da1566425074a021-9c373de8439e52c5d885c8459d285946.jpg'];

let slidePicture = new SlidePicture(path);
slidePicture.init('1200','300'); //轮播图长度和宽度
slidePicture.show();

Thanks for your support!