jQuery zoom图片弹出层插件简单的图片相册弹出层窗口展示代码

所属分类:UI,媒体-弹出层,图片展示

 65454  551  查看评论 (43)
分享到微信朋友圈
X
jQuery zoom图片弹出层插件简单的图片相册弹出层窗口展示代码 ie兼容6

引入相关js和css文件

<link rel="stylesheet" href="css/zoom.css" media="all" />    
<script src="js/jquery-1.9.1.min.js"></script>    
<script src="js/zoom.min.js"></script>

html 格式

<ul class="gallery">
    <li>
       <a href="path/to/large1.jpg">
          <img src="path/to/thumbnail1.jpg" />
       </a>
    </li>
    ......
</ul>
相关插件-弹出层,图片展示

jQuery弹出层插件gallery

这是一个图片弹出层
  弹出层
 39173  348

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 53307  423

jQuery弹框、弹出层插件method.js

jq弹框 弹框标题、内容、宽高、取消确认按钮、关闭按钮、动效类型均可以参数的形式设置
  弹出层
 52733  398

jQuery弹出层插件LIGHTBOX

这款lightbox,可应用于图片、swf文件、html文件等等.
  弹出层
 97670  512

讨论这个项目(43)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    任思亵 0
    2019/5/20 14:56:23
    一个页面多个相册不行呢 回复
    全世界谁倾听你 0
    2018/11/19 17:55:00
    如果是js添加的数据,就不生效了,打开直接是一张图片的链接,死数据就可以。请问该怎么办
        全世界谁倾听你0
        2018/11/19 17:56:31
        希望各位知道,回答一下,谢谢
        only you0
        2018/12/14 17:23:35
        这个有解决么
        琪琪爸0
        2019/7/4 21:44:51
        怎么搞啊
    回复
    only you 0
    2018/5/15 18:21:31
    同一个页面能引用两次么 回复
    wonderful. 0
    2017/11/29 18:12:39
    如果我想在图片下方添加文字描述,请问怎么加?
        stefan-雷吉兴(前端)0
        2018/6/15 17:04:35
        发一份,245725316@qq.com
    回复
    o满世界奔跑 0
    2017/9/10 22:26:44
    将夜 0
    2016/11/22 10:11:35
    ie8都不兼容,图片位置不对读取不到margin。。。 回复
    Kee 0
    2016/11/2 16:11:50
    效果看起来不错。不知道源码扩展性怎么样。 回复
    蓝颜色 0
    2016/10/3 22:10:35
    图片不能同时加文字说明 有点遗憾 回复
    0
    2016/7/1 11:07:21
    希望 0
    2016/6/22 22:06:29
    不错不错
        pp9281040
        2017/9/20 14:04:25

        是特特

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复