注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小葫芦君(汉斯的博客)

博客迁移到新博客:https://blog.ssxingshou.com

 
 
 

日志

 
 
关于我

小小葫芦商城,为您提供高品质的商品,一流的产品,一流的包装服务,一流的物流服务,放心购买

网易考拉推荐

用jQuery实现图片自适应大小  

2011-06-01 16:58:27|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图片撑破容器是很煞风景的事情,不牵扯到后台生成缩略图的解决方法是在前端对于撑破容器的图片,指定width="100%",则图片会自动适应父容器的宽度。虽然难看了一点,但不失为一个经济且花费小的方法。

用JS简单的实现思路就是遍历所有页面图片,对于宽度大于父元素的,添加width属性,当然根据需要还可以加上Lightbox之类的特效。

$("#prodetail img").each(function(){
   if($(this).width() > $(this).parent().width()) {
    $(this).width("100%");
  }
});

说了这么多代码只有3行而已。其实对于REST理论,貌似在目前的Web应用中最受惠的可能就是图片这一块了,试想同一个url,如果能对带有不同 的header请求返回缩略图,图片描述,图片本身,作者和版权信息,那么图片相关的应用将简洁到一个令人心旷神怡的境界。可惜现在的REST都只是框架 级别的应用,对比传统MVC也没有太明显的优势,或许等服务器端进行一定程度的改善之后,REST 才能大行其道吧。

  评论这张
 
阅读(2179)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017