好的,我正在尝试将fancybox功能添加到帖子中的库中。我找到了此堆栈交换:How do i add class="fancybox" to the default gallery?
我通过以下方式获得了fancybox的基本功能:jQuery(".gallery-icon a").fancybox().attr(\'rel\', \'gallery\');
但这并不是把所有图片都放在一个画廊里。我可以点击一个图像并获得一个灯箱,但不能滚动浏览组。我尝试了orionrush提出的解决方案jQuery(\'.gallery\').each(function (g) {
jQuery(\'a\', this).attr(\'rel\', function (i, attr) {
return attr + \' gallery-\' + g;
});
});
但它不起作用。我想这是因为这篇帖子在2013年得到了回复,wordpress的gallery html输出肯定有一些变化。也就是说,我注意到<a><img></a>
wordpress图库更像<figure><a><img></a></figure>
如果我正确理解了另一篇堆栈文章中的脚本,这意味着fancybox不会将rel库作为一个单独的库来阅读,因为它们已经被标签切碎了。
我的直觉是否正确?我错过了什么?有没有更先进的方法来解决这个问题?
EDIT- Additional information:好吧,考虑到fancybox识别html结构的方式可能存在一些问题,我进入chrome工具并删除了各个实例周围的所有图形标记。这没什么用。查看此页面:http://demos.webdesignandsuch.com/demo-of-default-wordpress-gallery-hooked-up-to-fancybox-modal/ 这个页面的结构与我的相同,只是没有使用图和div,而是使用dt和dl。所以我重新加载了页面,在chrome工具中编辑html,重新运行创建fancybox库的脚本,等等,然后。。。没有骰子。仍然没有像一个画廊一样阅读材料。我不确定问题出在哪里,但我正在继续研究它,并在这里升级我的进度,以防我发现有人可以帮助我解决问题。