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

图片在项目中的webApp里... 图片在项目中的webApp里 展开
 我来答
马说cvjhff
2018-11-27 · TA获得超过504个赞
知道小有建树答主
回答量:1096
采纳率:28%
帮助的人:103万
展开全部

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

先去官网下载layer包,你的网页引用layer的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>

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zly麻利麻利哄
2021-07-27
知道答主
回答量:1
采纳率:0%
帮助的人:466
展开全部
最好用插件,去layer官网有专门的点击图片,弹出浏览还支持多个图片。
先去官网下载layer包,你的网页引用layer的js文件。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式