主页

【解决马上给分】如果在页面对图片进行放缩，使图片适应指定的大小

zeq258 2010-11-16 10:24:24

如果在页面对图片进行放缩，使图片适应指定的大小。

假设我需要显示图片的地方大小为：（100,100）
如果对其他的图片进行放缩，让它适应这个显示区域。

请给一段展示代码，

谢谢。

...全文

6 条回复

zeq258 2010年11月16日

cj205

(强化练习正则)

非常感谢，问题解决。

回复点赞

bennman 2010年11月16日

img{ width:100%}

自动就根据外层的宽度来缩放了缺点是高度不能保证正好填满顶下一楼

回复点赞

Mr-Jee 2010年11月16日

回复点赞

zeq258 2010年11月16日

<a href="/business/changePhoto.jsp" target="mainFrame">
<img src="../images/photo/touxiang.jpg" alt="更换头像">
</a>

这个是我的程序，该如何调用呢。

回复点赞

gentle_sword 2010年11月16日

不错

[Quote=引用 1 楼 cj205 的回复:]
JScript code
function DrawImage(ImgD,iwidth,iheight){
//参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
……
[/Quote]

回复点赞

Mr-Jee 2010年11月16日

function DrawImage(ImgD,iwidth,iheight){

    //参数(图片,允许的宽度,允许的高度)

    var image=new Image();

    image.src=ImgD.src;

    if(image.width>0 && image.height>0){

    flag=true;

    if(image.width/image.height>= iwidth/iheight){

        if(image.width>iwidth){  

        ImgD.width=iwidth;

        ImgD.height=(image.height*iwidth)/image.width;

        }else{

        ImgD.width=image.width;  

        ImgD.height=image.height;

        }

        ImgD.alt=image.width+"×"+image.height;

        }

    else{

        if(image.height>iheight){  

        ImgD.height=iheight;

        ImgD.width=(image.width*iheight)/image.height;        

        }else{

        ImgD.width=image.width;  

        ImgD.height=image.height;

        }

        ImgD.alt=image.width+"×"+image.height;

        }

    }

}

回复点赞

发动态

发帖子

JavaScript

创建于2007-09-28

加入

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript

社区公告

暂无公告