点击图片放大预览,遮罩屏幕放大展示
最新推荐文章于 2024-10-06 16:02:58 发布

谢同学谢童鞋 于 2019-04-09 16:50:29 发布
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
功能说明:将图片方格展示,点击某张图片可在当前页面进行预览,点击遮罩屏幕,并且方法显示,点击右上角x,放大的图片消失。
效果图如下:


1、引入fancy.js和fancy.css
路径根据项目实际路径改写:
<link href="../static/fancybox/fancybox.css" type="text/css" rel="stylesheet"/>
<script src="../static/fancybox/fancybox.js" type="text/javascript"></script>
关于这两个文件以及其中用到的图片,我将其上传至csdn,可以下载(本想不用积分可以下载,但是编辑没找到可以自定义下载积分的。。。如果读者有需要的可以邮箱联系我:christicana@foxmail.com):
网址:点击图片放大预览,遮罩屏幕放大展示 https://www.yuejiaxmz.com/news/view/49996
相关内容
iPhone 屏幕维修快乐生活一点通:窍门大集合白点癫风症状图片大全图印度妆容图片 展示化妆7大技巧倒计时2天|一览无余展开放发展“上海样本”,第七届国际进口博览会上海馆亮相市面上13款最佳视频编辑软件(大部分免费)金钱树图片3个实用又简单的生活妙招,脑洞有点大,学会了人见人夸2021桃花源生活美学馆开放「古风营销中心开放」活动方案聚焦上海开放发展新动能,第七届国际进口博览会上海馆亮相!
随便看看