Image-preview-simple NPM

ImagePreview

一个附带简单动画效果的图片预览组件

npm install image-preview-simple

import imagePreview from 'image-preview-simple'
// Add on click event
imagePreview().initPreview(dom, items)

<script src="//cdn.jsdelivr.net/gh/fengzi91/imagepreview@main/dist/image_preview.js"></script>

// add on click event
imagePreview().initPreview(dom, items)

参数	必填	默认值	说明
dom	是	当前要显示的图片所在 Dom	该元素必须包含 data-id (唯一 id)、data-src (或 src，图像地址)、data-width (图像宽度)、data-height (图片高度) 四个属性
items	否	空	不填自动获取同级包含 data-width 的元素为一组图片 false 单图模式 Dom 数组 (一组图片)