ASPCMS版本上传大图,前台图片自适应,防撑破。
ASPCMS2.0以上版本后台上传大图片,自适应,防撑破,新窗打开,放大小缩
1.前台内容页图片自适应
2.防撑破
3.点击还可以新窗打开大图
4.滚动鼠标中间键还可以放大
1、打开 网站根目录/admin/_content/_Content/AspCms_ContentAdd.asp和AspCms_ContentEdit.asp 的文件,查找以下代码 oEditor.InsertHtml("<img src="+"'"+ContentStr+"'"+"/>"); 替换成 oEditor.InsertHtml("<img src="+"'"+ContentStr+"'"+" onmousewheel='return bbimg(this)' onclick='window.open(this.src)' onload='resizepic(this)' alt='点击新窗口打开' />"); 2、在前台内容页(news.html product.html album.html 等等)的头部</head>标签上面加上这代码: <!--图片自适应 start--> <script type="text/javascript"> //缩放图片大小 function bbimg(o) {var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event.wheelDelta/50; if (zoom>0) o.style.zoom=zoom+'%'; return false;} function ContentSize(size){var obj=document.getElementById("size");obj.style.fontSize=size+"px";} function copyText(obj) { var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.scrollIntoView();rng.select();rng.execCommand("Copy");rng.collapse(false); } //改变图片大小 function resizepic(thispic) {if(thispic.width>650) thispic.width=650;} </script> <!--图片自适应 end-->
代码中的{if(thispic.width>650) thispic.width=650;} 650是你内容区域的最大宽度,自行修改。
现在你在后台添加一条信息,上传一张大图试试看。
是不是自适应,经测试 IE 6 7 8 FF 等等主流的浏览器都兼容哦!
除非注明,否则文章均由 明镜商务 整理发布,欢迎转载。
转载请注明本文地址:http://mingjing.biz/post/8.html
文章评论
尝试了下,果然是可以的!