前端学堂 http://www.felearn.com
当前位置首页 > 前端技术 > Ionic> 正文

javascript点击查看图片,弹框显示图片,怎么用js怎么实现?

2021-05-16 11:41:30 暂无评论 Ionic 怎么   图片   javascript

最好用插件,去layer官网有专门的点击图片,弹出浏览还支持多个图片。

javascript点击查看图片,弹框显示图片,怎么用js怎么实现?

先去官网下载layer包,你的网页引用layer的js文件。

javascript点击查看图片,弹框显示图片,怎么用js怎么实现?

地址:网页链接 点击相册层

然后js代码:

//调用示例

layer.ready(function(){ //为了layer.ext.js加载完毕再执行

var ps=$("#psize").val();

layer.photos({

photos: '#layer-photos-demo'

,shift: ps //0-6的选择,指定弹出图片动画类型,默认随机

});

});

html代码:

<div id="layer-photos-demo" class="layer-photos-demo" >

<img layer-pid="图片id,可以不写" layer-src="缩略图片地址" src="图片地址" alt="" style="height: 140px;width: 120px;border:1px solid #bbb;">

</div>