文章内容页图片JS脚本错误解决方法

文章内容页图片JS脚本错误解决方法   Post By：动易论坛


单位网站上老是出此问题,搜索了半天,原来如此,记录下,做个参考.
此问题一般出现在文章内容页面上，经多次测试，一般出现问题的页面都包括有图片，且图片的宽度超出文章内容页的表格宽度，页面又没有图片自动适应表格大小的设置！就会出现如下图所示的错误！





解决方法：

1、在文章内容页模板内加入图片无级缩放代码（此代码在官方自带模板内容页中有）。

为何要加这段代码呢？因为一打开网页就会触动鼠标，鼠标如果不经过图片或者不使用鼠标滚轮，错误不会提示！

<script language="JavaScript" type="text/JavaScript">
//改变图片大小
function resizepic(thispic)
{
if(thispic.width>700) thispic.width=700;
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
//双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize

//更改字体大小
var status0='';
var curfontsize=10;
var curlineheight=18;
function fontZoomA(){
if(curfontsize>8){
document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'pt';
document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'pt';
}
}
function fontZoomB(){
if(curfontsize<64){
document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'pt';
document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'pt';
}
}
</script>

不需要后面双击滚屏和更改文字大小的话，可以将代码去掉！

2、加入如下代码防止表格被大图片撑破

<table style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" cellSpacing=0 cellPadding=0 width="98%" border=0>

注意以上红色的代码

3、加入万能容错代码。
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: