fancybox起作用的标识是看img标签是否携带class="fancybox-thumb"这一样式命名。
所以,你想在首页某个div里的图片能有fancybox效果,就只要保证该div中的img携带这样的命名就可以了啊。
比如,你首页有这样的代码:
<div id="test"><img src="http://jokerliang.com/wp-content/uploads/2014/10/2457-circle-rainbow-01.jpg" />
</div>
然后你手动改成如下样式:
<div id="test"><img src="http://jokerliang.com/wp-content/uploads/2014/10/2457-circle-rainbow-01.jpg" class="fancybox-thumb" />
</div>
最后确认fancybox相应的js和css均可正常载入就好。
打开 jquery.mousewheel-3.0.4.pack.js,然后搜索 click.fb ,共有2处,分别把2处前面的 unbind 和 bind 改成 die live例如
$.fn.fancybox = function(options) {$(this) .die('click.fb') .live('click.fb', function(e) {
这样一来,获取源文件再创建的元素,或者直接动态创建的元素也可以绑定 fancybox 事件