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的相关支持文档,具体的去官网下载,大概需要