美文网首页前端开发Web前端之路让前端飞
magnific-popup-图片放大弹出组件

magnific-popup-图片放大弹出组件

作者: bugWriter_y | 来源:发表于2019-05-26 09:55 被阅读9次

magnific-popup是一个轻量级,快速,响应式的灯箱插件。依赖jQuery

安装
  1. github地址
  2. jquery下载地址
使用
    <script src="jquery.min.js"></script>
    <link rel="stylesheet" href="magnific-popup.css">
    <script src="jquery.magnific-popup.min.js"></script>
    <a href="img/network.15.7.1.jpg">弹出图片</a>
    $('a').magnificPopup({type:'image'});
6de7de38-9099-4f2e-8c67-e191b3bdacf8.png
参考
  1. 文档

相关文章

  • magnific-popup-图片放大弹出组件

    magnific-popup是一个轻量级,快速,响应式的灯箱插件。依赖jQuery 安装 github地址 jqu...

  • Vue图片放大组件

    子组件 父组件

  • 小程序手势缩放图片

    movable-view 的高度必须大于该组件内所有图片的高度,图片放大时才可以看到全部图片

  • vue框架应用v-viewers图片点击放大,且自定义预览宽度

    功能背景:最近项目上遇到一个需求:在点击图片预览时,弹出图片和遮罩,左右可切换图片,上下为放大图片,但重点是部分页...

  • 2020-08-24

    UI组件之弹出组件(Toast) Toast是一个消息提示组件设置显示的位置自定义显示内容(示例:添加一个图片)简...

  • 子组件向父传参 .$emit的使用

    案例背景:子组件是一个弹出层,点击父组件显示弹出层,子组件按钮控制弹出层的隐藏 父组件: @closeAddres...

  • react-images和react-photo-gallery

    在开发的过程中我们经常会遇到,一组图片,点击任何一个图片,该图片放大弹出来并且可以左右切换这组图片,这组图片我们称...

  • 图片预览、视频附件查看器组件

    一个强大的图片查看器组件,支持图片预览,视频播放。图片放大缩小、旋转、翻转。附件增删改等https://githu...

  • React项目实现点击图片预览

    1、React项目实现点击图片预览:“React-zmage” 一个图片放大查看组件,动画流畅简洁,使用简单方便。...

  • 图片点击放大

    介绍与原理   图片点击放大为点击图片时,页面弹出该图片的大图。这样可以在布局时使用缩略图,而当用户需要查看大图时...

网友评论

    本文标题:magnific-popup-图片放大弹出组件

    本文链接:https://www.haomeiwen.com/subject/mpkxtctx.html