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

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

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

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

话说俺人生的第二个本命年真是多灾多难的一年啊……


 Tags : YD的程序员葛阁 jQuery javascript UI REST

Donate:Buy me a coffee  | 文章有帮助,可以请我喝杯咖啡