网站编辑在发布内容的时候经常遇到部分图片超宽的现象,看起来不美观,为了批量控制图片显示宽度,在编辑代码中末尾处添加一段自动判断更改图片宽度的query js代码。代码如下:
<script src="http://www.vlvtu.com/sys/js/jquery.js" type="text/javascript" ></script><script type="text/javascript">
$("#tourPlan img").each(function(index, element) {
if ( this.width>600) this.width=600;
});
</script>
技术要点:jquery,jquery选择器,jquery each迭代,img.width
升级修改,增加自动缩放高度
<script src="http://www.vlvtu.com/sys/js/jquery.js" type="text/javascript" ></script>
<script type="text/javascript">
$("#tourPlan img").each(function(index, element) {
var $width=600;
if ( this.width>$width) {
this.height = this.height*$width/this.width;
this.width=$width;
}
});
</script>