1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

请问 !! DIV 如何做 图片自适应 宽度 和 高度

本帖由 hopol2006-03-05 发布。版面名称:前端开发

  1. hopol

    hopol New Member

    注册:
    2005-09-26
    帖子:
    148
    赞:
    2
    :lovely: :lovely: :lovely:

    <SCRIPT LANGUAGE="JavaScript">
    function imgResize(obj){
    obj.width = obj.parentElement.width;
    obj.height = obj.parentElement.height;
    }
    </SCRIPT>
    <TABLE border="1">
    <TR>
    <TD width="100" height="120"><IMG src="http://www.baidu.com/img/slogo.gif"; onload="imgResize(this)"></TD>
    </TR>
    </TABLE>

    :ghost: :ghost: :ghost:

    上面的是一般 TABLE 结构的方法

    因为 整套模板都用 DIV+CSS 如果用上面的 方法来实现 图片大小自适应 会很郁闷

    :cry: :cry: :cry:

    请高手教教 DIV 如何 自适应图片大小 !!!

    :cry: :cry: :cry:
     
  2. hopol

    hopol New Member

    注册:
    2005-09-26
    帖子:
    148
    赞:
    2
    :music: :music: :music:

    已解决 发现 水帖很多

    我就不都说 顺便把 方法 加上 给需要的朋友 留意看看 就好 !!!

    :p :p :p

    上面的 JS 代码 DIV 或者 TABLE 都适用 !!!

    :ft: :ft: :ft:

    也不知道有没有人需要 管他 发了就好 !! 走人 潜水 !!
     
  3. hopol

    hopol New Member

    注册:
    2005-09-26
    帖子:
    148
    赞:
    2
    :angry: :angry: :angry:

    加一句

    看帖就好 不要 回复 !!!

    :angry: :angry: :angry:
     
  4. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    第一段代码,如果你定义了 DIV 的宽度和高度,也是有效的。

    不过针对 DIV ,一般只定义宽度,图片可以根据宽度的变化等比例缩放。

    STYLE 中,还有个 zoom 相关的属性……
     
  5. 空气飘飘

    空气飘飘 New Member

    注册:
    2005-12-26
    帖子:
    3,658
    赞:
    33
  6. Dream

    Dream New Member

    注册:
    2006-05-26
    帖子:
    23
    赞:
    0
    parentElement ?DOM 中应该是 parentNode 才对。

    如果 DIV 使用 CSS 定义了大小,可以通过 DOM 获取该 width 和 height (offsetWidth 和 offsetHeight 貌似也可以),然后动态调整 IMG 的对应样式。

    仅作讨论。
     
  7. 电脑神童

    电脑神童 New Member

    注册:
    2005-09-07
    帖子:
    86
    赞:
    0
  8. Dream

    Dream New Member

    注册:
    2006-05-26
    帖子:
    23
    赞:
    0