素材巴巴 > 程序开发 >

js实现移动端图片预览功能--mui.previewimage.js插件

程序开发 2023-09-12 15:06:09

移动端要想达到图片预览,可以使用mui.previewimage.js插件。

以下是一个简单的案例,如果只是想要简单的预览效果,可参考下面的使用方法:

效果如下:

在这里插入图片描述

html:

js:


 
 
 

css:

*{margin: 0;padding:0;}
 ul li{list-style: none;width: 100px;height: 100px;margin-right: 10px;float: left;}
 ul li img{width: 100%;height: 100%;}
 

其中,相关的插件可从以下地址在码云克隆获得:

https://gitee.com/deng_zi_yan/mui-about.git

在这里插入图片描述


标签:

上一篇: 用Vue实现购物车加减 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。