7b2主题图片延迟加载功能_灯箱功能_oss水印功能叠加

使用7b2主题如果想做图片站,那么肯定有个问题需要解决,那就是图片水印+图片延迟加载+灯箱这三者功能的叠加,这样会大量减少服务器的压力。

使用7b2主题如果想做图片站,那么肯定有个问题需要解决,那就是图片水印+图片延迟加载+灯箱这三者功能的叠加,这样会大量减少服务器的压力。接下来就是要记录,如何去解决这个问题。

遇到的问题:

7b2自带的阿里oss图片加水印功能非常好用,春哥也自带了一个专用灯箱插件,但是如果再增加图片延迟加载功能,这个灯箱插件就无法使用,获取图片获取不到。

尝试N多插件,包括非插件的方式也试过,都是没用的,所以必须知道原理,才能解决问题的根本;

那么春哥的专用灯箱插件原理是获取img标签内的src属性值,因为是用js写的,我对js不太熟悉,又没找到合适的js函数资料,所以放弃;

想来想去,刚好延迟加载也用插件,看看有没有既有延迟加载功能的插件,又有灯箱功能的插件呢?经过一番搜索,果然存在这种神器,有一个叫images-lazyload-and-slideshow的插件,可以满足。如果不加水印的话,仅仅使用这一个插件就可以解决图片延迟加载和灯箱功能。

但是安装完这个插件后,发现了一个问题,就是开启的水印不见了,不见了的原因也就是在这个插件身上,于是开始研究这个插件的内涵…

真是不负有心人,最后终于解决掉,如果有使用这个插件的,也需要图片延迟加载的,也需要灯箱的,也需要图片带水印的,请参考我的方法,必定能解决!一根雪糕钱~

解决办法:

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论