• 欢迎访问窗外天空网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 本站兼容IE9+,谷歌Chrome,火狐Firefox等主流浏览器

JS缩略图自动缩放显示

Wordpress nixon li 440次浏览 0个评论 扫描二维码
<script type="text/javascript">
function Zoom(obj, width, height){
 var img = new Image();
 img.src = obj.src;
 var scale = Math.max(width / img.width, height / img.height);
 var newWidth = img.width * scale;
 var newHeight = img.height * scale;
 var div = obj.parentNode;
 
 obj.width = newWidth;
 obj.height = newHeight;
 div.style.width = width + "px";
 div.style.height = height + "px";
 div.style.overflow = "hidden";
 obj.style.marginLeft = (width - newWidth) / 2 + "px";
 obj.style.marginTop = (height - newHeight) / 2 + "px";
}
</script>
<div><img src="https://hiphotos.baidu.com/中国旅游名县/pic/item/56d16e00e83803a6e850cdb2.jpg" width="400" height="300" border="0" /></div>

版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明JS缩略图自动缩放显示
喜欢 (0)
微信扫码
支付宝扫码
分享 (0)
关于作者:
咳...咳...
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址