web开发过程中经常会碰到内容区被客户上传的图片撑破的情况，高度还好说，主要是宽度了，如果直接将相机拍下的图片不经过任何处理直接传到网站上，也不规定图片宽度的情况下，网站的内容区域必然变形走样，下面我们就来看看如何在前台用jquery批量处理这些过宽的图片。

现在假设内容区div的 id="phpernote"，即：

<div id="phpernote"><?php echo $news['content'];?></div>

那么这个时候则可以在页面中加入如下代码：

<script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js"></script>
<script type="text/javascript">
if($('#phpernote').length==1){
	var appropriate_width=720;/*设置内容区域的合适宽度值*/
	$('#phpernote img').each(function(){
		if(($(this).width()>appropriate_width)){
			$(this).css({'width':appropriate_width+'px','height':$(this).height()*appropriate_width/$(this).width()+'px'});
			$(this).attr('title','点击查看大图片').click(function(){
				window.open($(this).attr('src'));
			});
		}
	});
}
</script>

以上只是举例，具体根据自己的个人情况来调整了。

• JS控制文字大中小显示
• 网页载入过程中自动调整图片的宽度
• Linux下通过ssh scp命令上传下载文件
• JS实现图片放大缩小
• 给通过JQuery动态生成的内容添加事件
• IE6透明PNG图片显示错误的解决办法
• 通过 ssh 终端上传或下载文件的shell脚本
• JQuery实现图片放大缩小特效