MUI点击图片实现预览大图的效果

MUI点击图片实现预览大图的效果_第1张图片
点击预览前的图片


MUI点击图片实现预览大图的效果_第2张图片
点击预览后的图片

要想达到这种效果其实很简单,跟着如下步骤走一波:

1 导入

/mui.zoom.js ,mui.previewimage.js

2 在img里加个属性

img.setAttribute('data-preview-src',' ')

3最后

window.onload=function() {

mui.previewImage();

}

这样就大功告成啦。

还不能上传js,需要的朋友百度一下看有没有,没有的话私信我。

你可能感兴趣的:(MUI点击图片实现预览大图的效果)