layui 可以使点击图片放大

layui可以使图片点击放大,不用在写jquyery了真是很方便。

操作示例

引入

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-layer@3.1.1/dist/layui.css" />

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/layui-layer@3.1.1/dist/layui.js"></script>

//创建容器

<div id="warranty_image">

@@##@@

</div>

<script>

layui.use(['form', 'table'], function () {

var $ = layui.jquery,

form = layui.form,

table = layui.table;

$("#warranty_image").click(function () {

layer.photos({

photos: {

data: [

{

src: $(this).attr("src")

}

]

},

shade: 0.7

});

})

});

</script>

相关推荐
小张快跑。8 分钟前
【Java企业级开发】(十一)企业级Web应用程序Servlet框架的使用(上)
java·前端·servlet
傻啦嘿哟10 分钟前
实战:用Splash搞定JavaScript密集型网页渲染
开发语言·javascript·ecmascript
小白阿龙18 分钟前
Flex布局子元素无法垂直居中
前端
秋田君27 分钟前
前端工程化部署入门:Windows + Nginx 实现多项目独立托管与跨域解决方案
前端·windows·nginx
冰敷逆向34 分钟前
苏宁滑块VMP深入剖析(一):解混淆篇
javascript·爬虫·安全·web
江城开朗的豌豆1 小时前
阿里邮件下载器使用说明
前端
半兽先生1 小时前
Web 项目地图选型指南:从 Leaflet 到 MapTalks,如何选择合适的地图引擎?
前端
小小鸟0081 小时前
JS(ES6+)基础
javascript·es6
hssfscv1 小时前
Javaweb 学习笔记——html+css
前端·笔记·学习