页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案

js|页面

  我们经常会遇到在页面中的图片按照我们自己的大小来显示,这样可以让页面看起来更规范一些。
比如我们要在页面种显示130×160的图片,相当于我们将图片放入这样的一个相框那,超过的就缩放到这个框的大小,小的就原样显示。
    我们这里有2种解决办法,
    1,不按照比例的缩放 <script language="javascript">
function changeImg(mypic){
    var xw=130;
    var xl=160;
 
    var width = mypic.width;
    var height = mypic.height;
                    
    if (width > xw ) mypic.width = xw;
    if (height > xl ) mypic.height = xl;
}
</script>
<img src="sh180.jpg" >     2,按照比例的缩放
<script language="javascript">
function changeImg1(mypic){
    var xw=160;
    var xl=180;
        
    var width = mypic.width;
    var height = mypic.height;
    var bili = width/height;        
        
    var A=xw/width;
    var B=xl/height;
        
    if(A>1||B>1)
    {
        if(A<B)
        {
            mypic.width=xw;
            mypic.height=xw/bili;
        }
        if(A>B)
        {
            mypic.width=xl*bili;
            mypic.height=xl;
        }
    }
}
</script>
<img src="sh180.jpg" >

时间: 2024-10-25 21:13:27

页面中的图片超过规定的大小就按原图片大小缩小,不超过的就按原样的JS处理方案的相关文章

JavaScript获取页面中第一个锚定文本的方法_javascript技巧

本文实例讲述了JavaScript获取页面中第一个锚定文本的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过document.archors数组获取第一个archor的innerHTML <!DOCTYPE html> <html> <body> <a name="html">jb51.net</a><br> <a name="css">CSS Tutorial</a

移动设备的HTML页面中图片实现滚动加载

如今移动互联网风靡全球,移动页面的元素也是丰富多彩,一个移动页面的图片超过10张已经是再正常不过的事情了.但是相对,很多移动用户还停留在2G,3G这样的网络中.那么这样带宽的用户,在浏览这样的页面时,要把页面加载完毕,可能就需要10s,20s甚至更多,严重影响用户的体验.针对这样的问题,让页面中的图片滚动加载(图片出现在显示器屏幕上时再加载图片)显得非常重要!这样也可以有效地节省我们服务器的带宽和解决请求大并发的问题. 1.效果图.     这是加载过程中的图片菊花显示            

asp net mvc-asp.net mvc4怎么把数据库里面的图片显示到View页面中??

问题描述 asp.net mvc4怎么把数据库里面的图片显示到View页面中?? 能不能用json把数据库里面的图片显示在中???初学mvc,不太懂 解决方案 http://www.jb51.net/article/23579.htm 解决方案二: 你先把图片读出来放到服务器本地,然后把路径拿到形成网址显示,个人觉得图片还是不要存到数据库里了 解决方案三: 图片最好方本地硬盘,然后数据库侯总存放文件路径就好了,查询数据库得到文件路径后,拼接给web页面 解决方案四: 用linq语句把列里面的内容

asp图片显示问题-Asp中如何把一个网站的某个目录下的图片全部加载在页面

问题描述 Asp中如何把一个网站的某个目录下的图片全部加载在页面 界面代码 后台代码//图片存在//photo/US000001/我的相册/1.jpg//其中US000001是u.use_id可以获取的我的相册是DropDownListPhoto.SelectValue的值 private void DataListPhotoBind() {//其中u.use_id是用户id string path = Server.MapPath(""photo"") + &qu

MFC在登陆页面中 加一个显示验证码的控件应该加哪个?图片从一个网页中加载出来的

问题描述 MFC在登陆页面中 加一个显示验证码的控件应该加哪个?图片从一个网页中加载出来的 http://202.200.144.63/(gac14yvwcsjrzj45cx1fq4ed)/CheckCode.aspx 我想把这网页里的图片显示在登陆界面作为验证码,请问我该在对话框中加什么控件,我用的是下边的方法 CHtmlView* pView= (CHtmlView*)m_wndSplit.GetPane(0,1); pView->Navigate("http://hao.201201

服务器-c 模拟http请求,如何获取页面中的图片?

问题描述 c 模拟http请求,如何获取页面中的图片? 1.我编写了一个SOCKET程序,功能类似代理软件,主要是将指定服务器的页面转发到本地. 2.在浏览器访问本地地址时,就会打开指定服务器的页面 3.现在的问题是可以获取到文本数据,如: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />? <html> <head> </head&g

asp.net-没有数据库,直接从文件夹中读取显示页面中图片,可以实现点击图片就给他从页面和文件夹中删除吗

问题描述 没有数据库,直接从文件夹中读取显示页面中图片,可以实现点击图片就给他从页面和文件夹中删除吗 这个是显示的具体代码,前台页面就设置了个div id='img'显示到这里的,但是我想了好久不知道怎么实现删除了 解决方案 可以啊,html中,加上图片名称或路径,点击时调用后台接口,接口去删除服务器上的实际图片 解决方案二: 点击时,把连接传给后台接口,通过ajax,后台成功后返回,你在remove掉这个img元素

access-PHP将十六进制流转换成图片显示在页面中的问题

问题描述 PHP将十六进制流转换成图片显示在页面中的问题 用php将图片转换成十六进制流保存到access数据库中,现在想从access数据库中读取这张图片,即将十六进制流转换成图片显示在页面中,求解 解决方案 http://www.xue163.com/news/1172/11727069.html

《淘宝店铺经营管理一册通》一一1.3 页面中的图片应用

1.3 页面中的图片应用 淘宝店铺经营管理一册通想要提高成交量,能否吸引.留住客户的眼球,全靠图片.一个好的店铺,图片必然不可缺少. 1.3.1 商品图片的重要性图片是网店的灵魂,优质宝贝图片是网店的基础,图片的质量显得尤为重要.下面从两个方面分析网店中产品图片质量的重要性. 1.从网店推广角度分析很多网店曾经有以下的困惑:为什么我们的产品相同,广告费用也都差不多,推广效果却千差万别.有冲击力的高品质产品图片能大大提升目标客户的购买欲望.相反,质量差的图片不仅无法激发用户的购买欲望,还增加买家对