以下是用于展示JS实现图片大小变化的控制方案实例

发布时间：2023-09-05 14:26:45 所属栏目：教程来源：

导读：代码如下:

<SCRIPT language="JavaScript">

function DrawImage(ImgD,FitWidth,FitHeight){

var image=new Image();

image.src=ImgD.src;

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

代码如下:

<SCRIPT language="JavaScript">

function DrawImage(ImgD,FitWidth,FitHeight){

    var image=new Image();

    image.src=ImgD.src;

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

        if(image.width/image.height>= FitWidth/FitHeight){

            if(image.width>FitWidth){

                ImgD.width=FitWidth;

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

            }

            else{

                ImgD.width=image.width;

                ImgD.height=image.height;

            }

        }

        else{

            if(image.height>FitHeight){

                ImgD.height=FitHeight;

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

            }

            else{

                ImgD.width=image.width;

                ImgD.height=image.height;

            }

        }

    }

}

</script>

调用方法：

代码如下:

<a href="admin/<? echo $rscase['path']?>" target="_blank"><img src="admin/<? echo $rscase['path']?>" alt="点击放大图片" width="180" height="180" onload='javascript:DrawImage(this,180,);' hspace="3" vspace="3" border="0" /></a>

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!