广告位招租
您现在的位置: 网盟教学网 >> 技术资讯 >> 正文

完美解决鼠标滚轮放大缩小图片时把表格撑破的问题

作者:佚名 文章来源:动易论坛 点击数: 更新时间:2008-1-10 13:22:35
文章顶部图片广告
适用版本:PE2006
简易程度:极简单
修改文件:内容页模板(频道不限)
功能说明:此修改多应用在图片频道,文章频道也偶有触之,此操作并非修改图片大小使之适应窗口,而是当用鼠标滚轮放大时图片时,利用CSS样式限制其不能把表格撑破。
版权信息:不休MM修改完善

修改方法:
第一步:进入后台==>文章模板页管理(其他频道类似)==》内容页模板==》
              把其中HTML代码复制到记事本中,找到如下代码:

<td class=main_tdbg_760 id=fontzoom style="WORD-BREAK: break-all" vAlign=top colSpan=2 height=300>
        <table cellSpacing=0 cellPadding=10 align=left border=0>
          <tr>
            <td><!--插入广告JS代码--></td>
          </tr>
        </table>
      {$ArticleContent} <center>{$Vote}</center></td>

修改成:

<td colspan="2">
    <table style="table-layout:fixed;word-break: break-all; word-wrap: break-word;" width=745 height="100%" align=center border=0><tr>
      <td class=main_tdbg_760 id=fontzoom style="WORD-BREAK: break-all" vAlign=top colSpan=2>
        <table cellSpacing=0 cellPadding=10 align=left border=0>
          <tr>
            <td><!--插入广告JS代码--></td>
          </tr>
        </table>
       
        {$ArticleContent} <center>{$Vote}</center>
      </td></tr></table></td>

或者:

在文章内容页模板中查找:


//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
用以下代码替换:

//无级缩放图片大小
function bbimg(o)
{
return true;
}

Www.Wm263.Com

相关文章

    没有相关文章

网友评论:(评论内容只代表网友观点,与本站立场无关!)【发表评论】

数据载入中,请稍后……
网页右侧广告

专题教程