🌲image preview example

        <div class="imageWraper">
            <img data-src="/testImage/main_body3.png" src="/testImage/main_body3.png">
            <img data-src="/testImage/phone20190624.png" src="/testImage/phone20190624.png">
            <img data-src="/testImage/more20190627.png" src="/testImage/more20190627.png">
            <img data-src="/testImage/phone20190626.png" src="/testImage/phone20190626.png">
            <img data-src="/testImage/share_success_20190619.png" src="/testImage/share_success_20190619.png">
        </div>

new ImagePreview({
        selector:'.imageWraper img'
    })

        const imgInstance = new ImagePreview({
            imgs: [
                '/testImage/main_body3.png',
                'http://image.uc.cn/s/wemedia/s/upload/2019/120ded45c1c6ac2e7735ab375ac25311.png',
                '/testImage/test1.jpg',
                '/testImage/test1.jpg',
                '/testImage/test1.jpg',
                '/testImage/BBC82C020430AED149F8D18A0849D241.png',
                '/testImage/more20190627.png',
                '/testImage/cubetexture.png',
                '/testImage/IMG_0512.JPG',
                '/testImage/main_body3.png',
                '/testImage/main_body3.png',
                '/testImage/main_body3.png',
                'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ff.mgame.netease.com%2Fforum%2F201509%2F21%2F171337o26avxzpb6wpowza.gif&refer=http%3A%2F%2Ff.mgame.netease.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1628907951&t=85efd61fe8604d1fb018b1555e23d316',
                '/testImage/BBC82C020430AED149F8D18A0849D241.png'
            ]
        });
        imgInstance.show(0);