ECCMS下显示文章内容的图片时超出大小自动缩小,点击放大图片
来源:互联网 发布:传神翻译软件 编辑:程序博客网 时间:2024/06/04 17:49
1、htmer_img.js文件放到网站内
ResizeImage 缩放宽度
ResizeImage2 缩放高度
function ResizeImage(objImage,swidth,sheight,maxWidth){
//三个参数 需满足高度和宽度再进行图片缩放,防止广告位高度宽度不足引起的误缩放
//swidth 满足缩放的宽度
//sheight 满足缩放的高度
//maxWidth将来图片缩放的宽度
try{
if(maxWidth>0){
if(objImage.width>swidth&&objImage.height>sheight){
objImage.width=maxWidth;
if (window.attachEvent)
{objImage.attachEvent('onclick', function(){try{window.open(objImage.src);}catch(e){window.open(objImage.src);}});
objImage.attachEvent('onmouseover', function(){objImage.style.cursor='pointer';});
}
if (window.addEventListener)
{objImage.addEventListener('click', function(){try{window.open(objImage.src);}catch(e){window.open(objImage.src);}},false);
objImage.addEventListener('mouseover', function(){objImage.style.cursor='pointer';},false);
}
}
}
}catch(e){};
}
function ResizeImage2(objImage,swidth,sheight,maxHeight){
//三个参数 需满足高度和宽度再进行图片缩放,防止广告位高度宽度不足引起的误缩放
//swidth 满足缩放的宽度
//sheight 满足缩放的高度
//maxWidth将来图片缩放的高度
try{
if(maxHeight>0){
if(objImage.width>swidth&&objImage.height>sheight){
objImage.height=maxHeight;
if (window.attachEvent)
{objImage.attachEvent('onclick', function(){try{window.open(objImage.src);}catch(e){window.open(objImage.src);}});
objImage.attachEvent('onmouseover', function(){objImage.style.cursor='pointer';});
}
if (window.addEventListener)
{objImage.addEventListener('click', function(){try{window.open(objImage.src);}catch(e){window.open(objImage.src);}},false);
objImage.addEventListener('mouseover', function(){objImage.style.cursor='pointer';},false);
}
}
}
}catch(e){};
}
2、网站内容模板<head></head>增加,注意引用路径,如果JS放在根目录或SKIN下面
<script language="JavaScript" src="htmer_img.js" type="text/javascript"></script>
3、使用时手动可以在img增加onload 如下,如自动,则进行第4,5步骤操作
<img onload="ResizeImage(this,400,300,200);"
共4个参数,
第1个参数为固定
第2个参数为大于多大宽度
第3个参数为大于多高
第4个参数为等比例缩放最大宽度
其中200为等比例缩放宽度,大于400的图片和大于300高度的图片全部缩,防止某些广告位宽度够也被误缩
4、修改CMS的内容模板 注意看配置到几,同时修改第6步
模板8配置 是否启用自动缩放图片 0不启用1启用
模板9配置 onload='ResizeImage(this,400,300,200);'
或 onload='ResizeImage2(this,400,300,200);'
5、修改CMS程序inc/NewsChannel.asp修改ContentPagination()
在strContent = enchiasp.ReadContent(Rs("Content"))下方增加
strContent = Replace(strContent, "<img", "<img {$zidongsuofang}")
6、在inc下/NewsChannel.asp修改
ReadArticleContent(ArticleID, CurrentPage)
在HtmlContent = enchiasp.HtmlContent下方增加
if enchiasp.HtmlSetting(8)=0 then
ArticleContent = Replace(ArticleContent, "{$zidongsuofang}", "")
else
ArticleContent = Replace(ArticleContent, "{$zidongsuofang}", enchiasp.HtmlSetting(9))
end if
ArticleContent = Replace(ArticleContent, "{$zidongsuofang}", "")
- ECCMS下显示文章内容的图片时超出大小自动缩小,点击放大图片
- 图片点击放大缩小
- angularjs点击图片放大显示,点击关闭缩小显示
- 实现点击图片的放大缩小
- 图片的放大缩小
- 图片的放大缩小
- 图片的放大缩小
- 支持点击放大缩小图片,拖动放大缩小图片功能
- Android放大缩小显示图片
- 实现图片的点击放大,再点击缩小
- iOS点击图片放大 再点击缩小
- WebView页面上的图片点击的时候加载到Viewpager显示并且可以放大缩小
- 上传图片超出大小进行缩小控制
- iOS 图片捏合放大缩小 点击放大缩小
- java对图片任意大小的缩小放大操作
- 图片放大缩小的区域点击事件代码例子
- 图片放大缩小的区域点击事件代码例子
- 图片放大缩小的区域点击事件代码例子
- 1Displaying Bitmaps Efficiently (位图有效显示)
- S3C6410 TFT-LCD控制器的设置(LCD型号为WXCAT43,开发板为飞凌OK6410B)
- 二叉树转换为双向链表
- CSDN我来了
- Spring中 Transactional配置
- ECCMS下显示文章内容的图片时超出大小自动缩小,点击放大图片
- Cocos2d-x 的内存管
- HDU 1421 搬寝室
- Android完全退出应用程序
- python 自动抓取代理ip
- cocos2d-x之retain和release解析
- DiscuzX2.5 后台 "技巧提示"
- Object Relational Features
- ASP.NET MVC在Request中关于URL的参数