一看就会,超有用活字格技能:一百零六、背景图片如何做CDN
本帖中,我们将再带给大家一篇一看就会的易学技巧~由于会涉及到CDN,所以需要大家先了解一下什么是CDN,在活字格中CDN的使用~
可以先看一下这篇教程哦~↓↓↓
看完必恍然大悟的活字格内幕:二十五,性能问题教程二(CDN技术)
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=55678&fromuid=52377
(出处: 葡萄城产品技术社区)
好了,那么回归正题,如果我们的项目中插入的有背景图片,如何来改背景图片做CDN呢~下面我们一起来操作一下:
操作步骤
1.首先发布应用的这个路径下的资源,都可以做CDN。其中背景图片在Images文件夹下。做CDN的时候可以直接把这个路径下的所有文件夹都传上去。文件夹层级关系和文件夹名都不要修改~
2.在全局加上下面这段代码,红框处改成你CDN的地址就行了
Forguncy.Helper.preProcessImageSrc = function(src){
if(src){
var srcArr = src.split("/GeneratedResources/");
if(srcArr.length==2){
return "CDN url" + srcArr;
}
}
return src;
}
大功告成~
最后可以在浏览器控制台中检测图片CDN是否成功~
大家学会了嘛~~:jy74a:
页:
[1]