源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Javascript判断图片尺寸大小实例分析

  • 时间:2021-04-17 05:49 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Javascript判断图片尺寸大小实例分析
通常我们判断js图片大小都是[b]利用images对象,然后再用attr来获取图片地址再进行判断[/b]就可以了,下面来看一些例子。 最简单办法:
[u]复制代码[/u] 代码如下:
var img=new Image();     img.src=$('#tlogo').attr('src');     if(img.width > '240'){         $('#tlogo').attr('width','240'); }
上面例子碰到如果页面没有加载完的时候,这时js就获取不了图片大小了,对此我们可以先判断加载完成否再判断图片大小。
[u]复制代码[/u] 代码如下:
<img id="img2" src="images/1.jpg" /> <script language="JavaScript">     document.getElementById("img2").onload = function () {         alert("图片加载已完成");     } </script>
或者采用jquery:
[u]复制代码[/u] 代码如下:
$("#imageId").load(function(){    alert("加载完成!"); });
至此我们就可以对代码进行优化了
[u]复制代码[/u] 代码如下:
$("#tlogo").load(function(){  var img=new Image();         img.src=$('#tlogo').attr('src');         if(img.width > '240'){         $('#tlogo').attr('width','240'); } });
此处注意:#tlogo 就是你图片地址中加的一个ID这个是必须的。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部