美文网首页
hexo博客中fancybox和图片链接冲突

hexo博客中fancybox和图片链接冲突

作者: Sanarous | 来源:发表于2019-07-15 14:18 被阅读0次

    在 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"

    然后就可以完成了!

    相关文章

      网友评论

          本文标题:hexo博客中fancybox和图片链接冲突

          本文链接:https://www.haomeiwen.com/subject/prdnkctx.html