使用7b2主题如果想做图片站,那么肯定有个问题需要解决,那就是图片水印+图片延迟加载+灯箱这三者功能的叠加,这样会大量减少服务器的压力。
使用7b2主题如果想做图片站,那么肯定有个问题需要解决,那就是图片水印+图片延迟加载+灯箱这三者功能的叠加,这样会大量减少服务器的压力。接下来就是要记录,如何去解决这个问题。
遇到的问题:
7b2自带的阿里oss图片加水印功能非常好用,春哥也自带了一个专用灯箱插件,但是如果再增加图片延迟加载功能,这个灯箱插件就无法使用,获取图片获取不到。
尝试N多插件,包括非插件的方式也试过,都是没用的,所以必须知道原理,才能解决问题的根本;
那么春哥的专用灯箱插件原理是获取img标签内的src属性值,因为是用js写的,我对js不太熟悉,又没找到合适的js函数资料,所以放弃;
想来想去,刚好延迟加载也用插件,看看有没有既有延迟加载功能的插件,又有灯箱功能的插件呢?经过一番搜索,果然存在这种神器,有一个叫images-lazyload-and-slideshow的插件,可以满足。如果不加水印的话,仅仅使用这一个插件就可以解决图片延迟加载和灯箱功能。
但是安装完这个插件后,发现了一个问题,就是开启的水印不见了,不见了的原因也就是在这个插件身上,于是开始研究这个插件的内涵…
真是不负有心人,最后终于解决掉,如果有使用这个插件的,也需要图片延迟加载的,也需要灯箱的,也需要图片带水印的,请参考我的方法,必定能解决!一根雪糕钱~