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

如何用js控制页面图片的最大值??

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

  1. yjlrwmqj

    yjlrwmqj New Member

    注册:
    2005-09-06
    帖子:
    112
    赞:
    1
    谢谢!
    俺有个页面 加文章后如果有图片
    而且图片过大的话
    就容易把页面撑大
    记得原来有个用js控制图片大小的
    请问是什么啊
    :p
     
  2. 南陵穷人

    南陵穷人 New Member

    注册:
    2006-01-13
    帖子:
    47
    赞:
    0
    看看我的这个站中的壁纸代码,你仔细研究一下,用CSShttp://www.chinarvs.com/html/scbz/2006-5/6/12450327.html
     
  3. 空心菜

    空心菜 New Member

    注册:
    2005-10-05
    帖子:
    85
    赞:
    0
    table里加这个就可以了

    style="table-layout:fixed;word-break:break-all"
     
  4. viewsnake

    viewsnake New Member

    注册:
    2005-09-05
    帖子:
    117
    赞:
    3
    那如果不是在table里,在div里面呢
     
  5. yjlrwmqj

    yjlrwmqj New Member

    注册:
    2005-09-06
    帖子:
    112
    赞:
    1
    :p 好象div里面页是可以加这个的吧
     
  6. 小叶

    小叶 New Member

    注册:
    2005-09-04
    帖子:
    17,941
    赞:
    33
    试试这个。。
     
  7. cnwedding

    cnwedding New Member

    注册:
    2006-09-06
    帖子:
    1
    赞:
    0
    比较简单

    1、用鼠标拖动来改变大小
    <SCRIPT LANGUAGE="JavaScript">
    function resizeImage(evt,obj){
    newX=evt.x
    newY=evt.y
    obj.width=newX
    obj.height=newY
    }
    </script>
    <img src="7say.gif" ondrag="resizeImage(event,this)">

    2、用鼠标滚动控制图片大小
    <img src="7say.gif" onmouseenter="focus();" onmouseout="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5;">

    3、图片标签里用代码控制大小
    <img border="0" src="URL" onload='if(this.width>500)this.style.width=500;'>

    4、CSS控制图片大小
    1. css2直接实现: img{max-width: 500px;} (IE暂不支持)
    2. expression实现: img{width:expression(width>500?"500px":width);} (IE only)
    3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍历img元素 判断其宽度并做相应操作