zoukankan      html  css  js  c++  java
  • 一段javascript实现缩略图的好代码,可以实现缩略图

         一段javascript实现缩略图的好代码,可以实现缩略图,代码如下
    <script  language="javascript">

    //显示缩略图
    function DrawImage(ImgD,width_s,height_s){
    /*var width_s=139;
    var height_s=104;
    */
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>=width_s/height_s){
    if(image.width>width_s){
    ImgD.width=width_s;
    ImgD.height=(image.height*width_s)/image.width;
    }else{
    ImgD.width=image.width;
    ImgD.height=image.height;
    }
    }
    else{
    if(image.height>height_s){
    ImgD.height=height_s;
    ImgD.width=(image.width*height_s)/image.height;
    }else{
    ImgD.width=image.width;
    ImgD.height=image.height;
    }
    }
    }
    /*else{
    ImgD.src="";
    ImgD.alt=""
    }*/
    }
    </script>


    调用时,很简单,比如一段ASP代码的
    <img src="../Images/<%=rs("picpath")%>" align="center" onload="DrawImage(this,200,200)"></div>

  • 相关阅读:
    bootstrap多选框
    window.open()总结
    sql游标及模仿游标操作
    表变量及临时表数据批量插入和更新 写法
    表变量类型的创建及使用
    事物及exec
    [NOI2017]蚯蚓排队
    [NOI2017]游戏
    [NOI2017]蔬菜
    luogu P4194 矩阵
  • 原文地址:https://www.cnblogs.com/pccai/p/895177.html
Copyright © 2011-2022 走看看