本帖中,我们将再带给大家一篇一看就会的易学技巧~
由于会涉及到CDN,所以需要大家先了解一下什么是CDN,在活字格中CDN的使用~
可以先看一下这篇教程哦~↓↓↓
看完必恍然大悟的活字格内幕:二十五,性能问题教程二(CDN技术)
https://gcdn.grapecity.com.cn/fo ... 8&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[i];
- }
- }
- return src;
- }
复制代码
大功告成~
最后可以在浏览器控制台中检测图片CDN是否成功~
大家学会了嘛~~
|