集成ad gallery 和 funcyBox 实现图片轮转，并点击放大

 ad gallery 不用多说了，如果想要集成这两种东西，你首先要做的就是学习使用ad gallery实现图片轮转效果，具体怎么做参考我上一篇文章，在做好了ad gallery 后 在网页中（例如：index.html）加入如下js代码：

$(document).ready(function() {
 
    $(".ad-gallery").on("click", ".ad-image", function() {
        $.fancybox.open({
    href : $(this).find("img").attr("src"),
    closeBtn: false,
    closeClick : true,
    openEffect : 'elastic',
    openSpeed  : 150,
    closeEffect : 'elastic',
    closeSpeed  : 150,
    helpers : {
      overlay : null
    }
  });
});

	})

，然后加入fancybox的相关支持文档，具体的去官网下载，大概需要这些文件

  <link rel="stylesheet" type="text/css" href="jquery.ad-gallery.css">

  <script type="text/javascript" src="lib/jquery-1.10.1.min.js"></script>

  <script type="text/javascript" src="js/jquery.ad-gallery.js"></script>

  <script type="text/javascript" src="js/zzsc.js"></script>

  <script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
  <link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" />

，然后加入fancybox的相关支持文档，具体的去官网下载。

  需要注意的是在使用fancybox时尽量不要同时使用 在线翻译软件 这里说的就是有道翻译，有道在线翻译会向网页中注入js代码，具体什么没有看过，这是在一个老外的网站上看到的，就是说你用在线翻译工具后这个功能很可能就出不来了，尤其在chrom下，我就吃了暗亏了。会报一个什么 jquery-min-map的文件找不到的错误！敬请注意！希望大家都能成功弄出来！