dedecms防止图片撑破表格

http://www.fzcms.com - 09-09

在dedecms文件添加中，如果图片过大，会引起图片撑破表格的现象。怎么解决呢？

具体方法就是：附件为 /prototype.js 文件，下载JS后在<head>之间加上：

    <head>
    <SCRIPT language=javascript src="/地址/prototype.js"></SCRIPT>
    </head>
    找到你的文章页CSS控制代码<DIV class="css代码">在里面加上JS调用ID1<DIV class="css代码" id="append_parent">和<DIV class="css代码" id="content">

在文章标签内容结尾处加上JS调用代码:

    {
    var w = $(Id).width;
    var m = 500;
    if(w < m)
    {
    return;
    }
    else
    {
    var h = $(Id).height;
    $(Id).height = parseInt(h*m/w);
    $(Id).title = "点击小图看大图";
    $(Id).width = m;
    $(Id).onclick = function(){ created($(Id).src)};
    }
    }
    window.onload = function()
    {
    var Imgs = $("content").getElementsByTagName("img");
    var i=0;
    for(;i<Imgs.length;i++)
    {
    ImgZoom(Imgs[i]);
    }
    }
    function created(imgsrc) {
    var scrollTop = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop;
    imgdiv = document.createElement("div");
    imgdiv.style.border = "5px #66C5FD solid";
    imgdiv.style.padding = "3px";
    imgdiv.style.background = "#FFF";
    imgdiv.style.zIndex = '999';
    imgdiv.style.position = 'absolute';
    imgdiv.style.top = scrollTop + 'px';
    imgdiv.innerHTML = '<img src="'+imgsrc+'" onclick="recover(imgdiv)" />';
    $("append_parent").appendChild(imgdiv);
    }

    function recover(imgdiv){
    imgdiv.outerHTML = "";
    }
    </script>

图片会按照你设定的大小自适应缩小，在网页生成后用鼠标点击即可在网页框架外恢复到原始大小！