jquery
当前位置:长沙网站制作 > 建站知识 > jquery >
用jquery实现内容页的图片等比缩放
发布时间:2017-10-07 21:58   来源:长沙网站制作   点击:次   字体:    

图片等比缩放思路,用最简单的方法获得那个公式,如100*100的图片,缩放为已知宽为50的图片。要求高度。这个一目了然的,宽度他缩放了一半,也就是0.2%,高度是50.这个50就是用h/(w/50)得到的。所以jquer就要这样写的。

<script type='text/javascript'>
$(function(){
$("#article_content img").each(function(k,v){
 w = $(this).attr('width');
 h = $(this).attr('height');
 if(w > 581){
  $(this).css('width','580px');
  new_height = Math.round(h /(w / 581));
  $(this).css('height',new_height+"px");
 }
})
})
</script>

 


关键字:页,片,比,内容页,实现,ue,ry,jq,

顶一下
(0)
0%
踩一下
(0)
0%
网站对话
web chat