点击查看图片---弹窗直接显示图片并带关闭按钮
来源:互联网 发布:java迭代器遍历vector 编辑:程序博客网 时间:2024/06/05 04:20
做项目,有时候查看图片要直接跳转到一个新的页面,在显示图片。这样用户体验效果不好。
采用该方法,直接在当前页面分层弹窗并显示图片,体验效果大大提升!
采用Magnific Popup – 响应式 jQuery Lightbox 插件,就可实现该功能。
html代码:
<a href="{$vo.img}" class="test-popup-link">查看图片</a>
js代码:
// 查看图片$('.test-popup-link').magnificPopup({ type: 'image'});
文件引入:
<link rel="stylesheet" href="/merchant/css/magnific-popup.css"/>
<script type="text/javascript" src="/merchant/js/jquery.magnific-popup.min.js"></script>
阅读全文
0 0
- 点击查看图片---弹窗直接显示图片并带关闭按钮
- ecshop 点击商品图片弹出带关闭按钮的遮罩层 显示商品库存
- 漂浮图片带关闭按钮
- 点击按钮图片放大查看
- 按钮点击,图片改变,显示点击效果
- 带关闭按钮的右下角图片广告
- MFC重绘关闭按钮,并给图片添加点击事件
- 点击按钮显示对应的图片
- QT功能1:点击按钮,显示图片
- angularjs点击图片放大显示,点击关闭缩小显示
- 点击哪个按钮对应图片显示,按钮对应颜色显示
- 在vc控件中显示图片,点击按钮变换图片
- 两边浮动图片广告代码,带关闭按钮
- 016带关闭按钮的右下角图片广告
- 点击按钮切换图片
- 点击按钮切换图片
- 点击按钮图片变换
- 点击 按钮 下载图片
- 问题解决
- php中HTTP_X_FORWARDED_FOR 和 REMOTE_ADDR的使用
- SQL存储过程壹
- 无限级分类的简单实例
- javaScript循环总结(for,for-in,for-of,forEach,map,filter,every,reduce,reduceRight)
- 点击查看图片---弹窗直接显示图片并带关闭按钮
- 技术分享连载(七十六)
- Myeclipse2017 安装activiti插件包
- Java中的数组
- CISCO VPN Client Reason 442 WIN8/10错误解决方案
- 微信支付成功后返回聊天界面
- JVM实用参数(一)JVM类型以及编译器模式
- tack(查看线程)、jmap(查看内存)和jstat(性能分析)命令
- vfprintf用法解析