上海煜傲网络   客服热线:18221602378
 
 
 
网站建设中网页中控制图片缩放代码
发布者:haohao 发布时间:2013/6/12 2:08:26 阅读:412

页网中控制图片缩放代码,一般情况下,是很难做到这一点的,因为小图从数据库调用出来的时候小,而当调用的图片是高清的数码照时,你才知道那有多头痛,完全把Tabel挤得不像人样,全挤破了,难看得不敢见人啊,要把图片控制在一定的规格里缩放,我想到的是用JavaScript,终于写出来了,测试了N多回才成功的,请看代码:

        网页前边加(注意JavaScript是区分大小写的,我最不喜欢就他这一点,你们不用注意了,我已经写好测试完了才发出来共享的,直接复制一点问题都没有)

        <script language="JavaScript">
        <!--
        //图片按比例缩放
        var flag=false;
        function DrawImage(ImgD){
        var image=new Image();
        var iwidth = 480; //定义允许图片宽度
        var iheight = 530; //定义允许图片高度
        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;
        }
        }
        }
        //调用:
        //-->
        </script>

        在body里  显示图片时

        <img  src="图片调用路径.jpg"  border=0 > 

        OK,就这样搞定了,那不管是小图还是大图,也只能在480X530里游动啦。

        感言:有时候感觉写程序就是那么快乐,好像一切尽在撑握之中,因为又学到了东西。谁有更简单的,请共享下技术吧!

上海网站建设首选上海千途网络,公司成立2003年秉承诚信高效服务理念,主营网站建设,网络营销及推广等业务,建品质网站从千途网络起航!咨询热线:18221602378"  网址:www.haojzw.com

 
 
 
 

首页 | 关于我们 | 网站建设 | 网络推广 | 域名空间 | 案例展示 | 新闻动态 | 联系方式 | 城市分站

 

微信二维码

上海煜傲网络 版权所有 免责声明

地址:上海徐汇区斜土路2601嘉汇广场 24小时咨询电话:18221602378

Copyright 2008-2028 Shanghai qiantu Co., Ltd. . Auto Parts All Right Reserved