JQuery实现图片大小自适应
原创

JQuery实现图片大小自适应
图片撑破容器是很煞风景的事情,不牵扯到后台生成缩略图的解决方法是在前端对于撑破容器的图片,指定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才能大行其道吧。

版权属于:够过瘾——挨踢男的葵花宝典

文章标签:jquery自适应

文章链接:http://www.gouguoyin.cn/js/94.html

转载时必须以链接形式注明原始出处及本声明。

如果您觉得本文对您有所帮助,请小额赞助一下,我会优先回答您在使用过程中出现的问题,点此赞助

如有疑问或遇到技术问题,请加官方QQ群: 421537504   GoCMS官方交流群

文章点评:

表情

1条评论

  • 年轻就要学 1年前
    就是这个