首页 » 建站手册 » Cfimage图床挂掉了,顺便分享图片延迟加载功能

Cfimage图床挂掉了,顺便分享图片延迟加载功能

谷歌已收录,更新于2019年07月04日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

图床挂了,联系客服紧急恢复中。希望能恢复吧,不然又得折腾,最近挺忙的。
辛亏魔改主题实现了,图片延迟加载,不然就更难看了。虽然这是临时发的吧,字数太少也不好,索性,我再把魔改的图片延迟加载功能发出来,此方法仅针对RAW主题。其他主题请查看我之前写的图片延迟加载教程

图片延迟加载代码

打开RAW主题目录下的lib/Utils.php文件,在解析友情链接模块下方插入如下代码,注意修改下post_loading.gif图片地址。

typecho预览

    /**
     * 解析图片延迟加载
     * 
     * @return string
     */
    static public function lazyload($content){
        $content = preg_replace('/<img (.*?)src(.*?)(\/)?>/','<img $1src="https://black1ce.com/post_loading.gif"'.$style.' data-original$2 />',$content);
        return $content; 
    }

再找到解析器部分,修改$new为如下代码

        $new  = self::lazyload(self::parsePhotoSet(self::parseBiaoQing(self::parseFancyBox(self::parseRuby($content)))));

然后,在footer.php里插入如下代码,主题引入了jquery库,所以以下代码不重复引用jquery库。

<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script>
<script type="text/javascript">
      jQuery(function() {          
          jQuery("img").lazyload({threshold: 200,effect: "fadeIn"});
      });
</script>

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 6 条评论

  1. 七越 七越说道:

    不错不错,已经用上!真香:@(口水)

    1. 枂下 枂下说道:

      嗯嗯,不仅好看,而且节省流量。记得把gif图片地址换成自己得

  2. Chromeba Chromeba说道:

    微博图床是最好的,sm.ms这个也不错。

    1. 枂下 枂下说道:

      还是习惯放vps上,可怕的是我的图床还没恢复::(黑线)

      1. Chromeba Chromeba说道:

        哈哈哈哈 有vps 主机速度快就放吧。我虚拟空间就放免费图床,反正相信微博图床活得比我的站久::(太开心)

        1. 枂下 枂下说道:

          我还是耐心等图床恢复吧,心碎

最近动态查看

    利用短代码实现了文章正文任意位置插入[googleads],前端自动变为谷歌广告。这样,文章过长时,可以随意插入广告了。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫