jQuery弹出层插件gallery

所属分类:UI-弹出层

 38531  348  查看评论 (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');

  

相关插件-弹出层

各种弹窗alert

jquery弹窗
  弹出层
 66394  374

jQuery弹出层插件LIGHTBOX

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

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 36647  436

特别实用、调用简单的弹出层

特别实用、调用简单的弹出层。完全可以用样式控制,可以兼容的不同选择相应的效果
  弹出层
 39749  338

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复