`
hot88zh
  • 浏览: 178836 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用JS控制显示出来的图片大小

阅读更多

<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 90/110){
if(image.width>90){
ImgD.width=90;
ImgD.height=(image.height*90)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>110){
ImgD.height=110;
ImgD.width=(image.width*110)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>

 

在img标签中用onload="DrawImage(this)"来调用

分享到:
评论

相关推荐

    JS实现控制图片显示大小的方法【图片等比例缩放功能】

    主要介绍了JS实现控制图片显示大小的方法,即实现图片等比例缩放功能,涉及JS动态操作页面元素属性相关技巧,需要的朋友可以参考下

    控制图片显示大小的代码

    控制图片显示代码输出大小的代码,javascript写的。

    wangEditor.js

    直接替换wangEditor.js文件,即可编辑上传图片大小,直接替换wangEditor.js文件,即可编辑上传图片大小,直接替换wangEditor.js文件,即可编辑上传图片大小,直接替换wangEditor.js文件,即可编辑上传图片大小

    js用拖动滑块来控制图片大小的方法

    本文实例讲述了js用拖动滑块来控制图片大小的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;!doctype html public “-//W3C//DTD HTML 4.0 Transitional//EN”&gt; &lt;html&gt; &lt;head&gt; &lt;...

    js等比例缩放页面图片大小

    js等比例缩放页面图片大小 // JavaScript Document function handle_img(tagimg_name,tagimg_width,tagimg_height){ var img_object=new Image(); var get_imgs=document.getElementsByName(tagimg_name); for...

    网页自动改变图片大小的代码

    用JavaScript语句自动控制网页上图片显示大小

    springmvc+jsp 图片列表分页,可调整显示大小

    springmvc后台返回图片地址到jsp显示,jsp页面js控制图片列表分页,可输入图片size调整图片大小。

    js图片左右滑动大小变化

    js控制图片左右滑动 且带有下角标 有完整的页面显示效果和js源代码 希望能对大家有做帮助 谢谢

    css+js完美控制图片大小

    使用js和css讲图片的现实控制在固定的区域内,大于这个区域的等比例缩放,小于这个区域的居中显示。 css+js完美控制图片大小 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    javascript经典效果示例

    12:___JavaScript动态控制图片透明度的变化 13:___JavaScript图片放大 14:___JavaScript图片特效 15:___JavaScript图片预加载代码,显示loading 16:___JavaScript改变图片透明度,鼠标放上渐渐显示 17:___JavaScript...

    JavaScript 图片切割效果

    控制层(_layHandle):就是控制显示的那个部分。 其中为了底图层和切割层是程序自动创建的图片,控制层是自己定义的层(程序中是一个div)。 底图层和切割层必须完全重合,程序中把这两个层都绝对定位到了左上角: ...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    JavaScript画廊插件FlexImages.zip

    FlexImages 是一款轻量级的 JavaScript 画廊插件,图片源可以是托管在 ...完整显示图片,不会裁剪图片,也不会打乱图片顺序。支持无限滚动支持图片和iframe内容懒加载可随意控制布局显示行数 标签:FlexImages

    程序天下:JavaScript实例自学手册

    15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传图片的大小 15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制...

    《程序天下:JavaScript实例自学手册》光盘源码

    15.16 循环滚动显示图片 15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传图片的大小 15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制...

    JS实现flash效果切换图片源代码

    JS实现flash效果切换图片源...head部分的style是控制图片显示大小的,可以根据你自己的项目需要自行更改。注意:我再网上查到这个资料的时候下面一句写了个版权归XXXX所有。若要用到商业项目中,可以修改源码后在使用。

    javascript网页特效实例大全(13-19)

    实例355 用JavaScript控制XML文档的分页显示 565 实例356 通过操作XML数据岛实现添加、删除留言信息 567 第15章 JavaScript与ASP结合 573 15.1 弹出窗口/对话框控制 574 实例357 关闭弹出窗口时刷新父窗口...

    web 视频播放器 js

    javascriptid* (string):如果你的页面上有多个播放器,你可以设置这个参数给每个播放器不同的id,这样就可以方便的用javascript来控制。他将回传到getUpdate()事件中。 link (url): 通过这个参数用来设置一个可...

    【JavaScript源代码】JS原生实现轮播图的几种方法.docx

    JS原生实现轮播图的几种方法  轮播图 主要思想就是: 在大的容器里... 通过给容器设定overflow:hidden属性来保证只显示容器视口大小的一张图片。 &lt;body&gt;  /*容器*/ ;"&gt; /*存放图片的列表*/ &lt;div class="item

Global site tag (gtag.js) - Google Analytics