hexo博客中fancybox和图片链接冲突
2019-07-15 本文已影响0人
Sanarous
在 hexo 中 fancybox 使用起来还是很方便的,图片点击放大功能也很好用,但是由于我的博客中使用了图片链接,如果点击图片跳转链接的话会提示The requested content cannot be loaded.Please try again later
错误,这就挺讨厌了,Google了半天,最终找到了一个解决办法。在这里感谢原作者。
添加如下代码:
wrapImageWithFancyBox: function () {
$('.content img')
.not('[hidden]')
.not('.group-picture img, .post-gallery img')
.each(function () {
var $image = $(this);
+ if ($(this).hasClass('nofancybox')) return;
var imageTitle = $image.attr('title');
var $imageWrapLink = $image.parent('a');
然后在使用的时候,给不需要 fancybox 的<img>
标签中添加class属性class="nofancybox"
,如果 class 属性中已经有其它内容,也可以以空格并列,比如class="bestzuo nofancybox"
。
然后就可以完成了!