使用jquery按比例缩放图片
来源:互联网 发布:js banner轮播 编辑:程序博客网 时间:2024/05/16 05:15
使用jquery按比例缩放图片
做网站的时候,相信有很多朋友都会遇到图片过大,导致页面撑开变形的问题,如果强制设置width,height,图片则会因为强制变形而走样。在这里我介绍一种简单的按比例缩放图片的方法。
对于一堆图片
<img src="1.jpg" border="1"></img>
<img src="2.jpg" border="1"></img>
应用下面的Javascript代码
- <SCRIPT LANGUAGE="JavaScript">
- function setImg(img,width,height){
- var scale_w=img.width/width;
- var scale_h=img.height/height;
- var scale=scale_w>scale_h?scale_w:scale_h;
- img.width=img.width/scale;
- return false;
- }
- </SCRIPT>
然后使用如下的jQuery语句即可
- <script type="text/javascript">
- $(document).ready(function(){
- $("img").each(function(){
- setImg(this,200,200);
- });
- });
- </script>
- 使用jquery按比例缩放图片
- 使用jquery按比例缩放图片
- jQuery实现按比例缩放图片
- jQuery实现按比例缩放图片
- jQuery实现按比例缩放图片
- 按比例缩放图片
- 图片按比例缩放
- 图片按比例缩放
- 按比例缩放图片
- 图片按比例缩放函数
- 按比例缩放图片
- 按比例缩放图片
- JS按比例缩放图片
- 按比例缩放图片
- js按比例缩放图片
- 图片按比例缩放
- PHP图片按比例缩放
- 按比例缩放图片
- 函数指针与普通指针的区别
- 解读联想重组:终于裁员了
- 玩蜘蛛纸牌出现的。。是bug还是我输咯?输了应该提示赛。。
- 异步跨域访问的几种方式
- #include与using namespace
- 使用jquery按比例缩放图片
- dwr2.0反转ajax在IE中不能实时刷新问题
- Java如何遍历Map的所有的元素
- 远程(如通过互联网)连接access数据库的方法 (转)
- ACE_SOCK_Connector和ACE_SOCK_Acceptor
- Flex 非常实用的资料
- Google唤起你心底最深层次、真正不加隐藏的欲望
- 主流浏览器曝0Day漏洞 八成网民面临被“钓鱼”风险
- Edraw Max试用感受