jQuery弹出层插件gallery

所属分类:UI-弹出层

 33228  291  查看评论 (9)
分享到微信朋友圈
X
jQuery弹出层插件gallery ie兼容7

引入文件

--js

--jquery.js
--jquery.simplemodal.js
--gallery.js


--css

  --gallery.css


dome格式

<html>
 <head></head>
 <body>
  <div id="container"> 
   <span class="flickr_badge_image"><a href="img/photo/1.jpg"><img src="img/photo/1.jpg" title="gallery" width="75" height="75" /></a></span> 
   <span class="flickr_badge_image"><a href="img/photo/2.jpg"><img src="img/photo/2.jpg" alt="gallery" title="gallery" width="75" height="75" /></a></span> 
   <span class="flickr_badge_image"><a href="img/photo/3.jpg"><img src="img/photo/3.jpg" alt="gallery" title="gallery" width="75" height="75" /></a></span> 
   <span class="flickr_badge_image"><a href="img/photo/4.jpg"><img src="img/photo/4.jpg" alt="gallery" title="gallery" width="75" height="75" /></a></span> 
   <span class="flickr_badge_image"><a href="img/photo/5.jpg"><img src="img/photo/5.jpg" alt="gallery" title="gallery" width="75" height="75" /></a></span> 
  </div>
 </body>
</html>

在gallery.js文件修改 G.images = $('.flickr_badge_image a');

  

相关插件-弹出层

jQuery图像展示插件Strip

Strip是Lightbox的一种,它只能部分覆盖页面。这样就不会占用大的屏幕面积,适用于比较小的移动设备
  弹出层
 27563  339

移动端弹出层jquery插件简易

移动端弹出层jquery插件简易
  弹出层
 45588  279

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

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

flavr―超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。flavr是响应设计布局,能够适应任何屏幕大小。得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 134053  1052

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

    独爱~绿茵 0
    2018/5/7 11:52:12
    忧     0
    2017/6/2 11:28:01
    wtqq520 0
    2016/11/17 9:11:58
    这个才是我想要的效果,手下! 回复
    jcmirror 0
    2016/6/1 23:06:06
    怎么获取页面图片个数的。为什么我分页,只能取得第一页的图片个数。后面的几页效果出不来 回复
    华仔 0
    2016/1/17 19:01:09

    这个挺好的,效果还行,不过以前看到一个好像功能更多更强大的,不知道什么名字了

    回复
    salyuxu1 0
    2015/12/30 12:12:04

    感觉很不错,效果很好

    回复
    野*狼 0
    2015/12/2 11:12:27

    兼容性好,而且效果很时尚,很棒!

    回复
    0
    2015/11/22 17:11:10
    is_human 0
    2015/11/6 11:11:30
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复