插件描述： jQuery按照比例自动调整网站图片大小特效代码，基于jQuery，用在图片过大撑开页面影响美观的情况下， 可以自定义图片超过最大尺寸并根据这个尺寸进行比例缩放，从而控制页面大图的显示，下面贴下代码， 有需要的可以借鉴下。
<script type="text/javascript">$(document).ready(function(){ $('img').each(function(){ var maxWidth =500; // 图片最大宽度 var maxHeight =500; // 图片最大高度 var ratio = 0; // 缩放比例 var width = $(this).width(); // 图片实际宽度 var height = $(this).height(); // 图片实际高度if(width > maxWidth){ // 检查图片是否超宽 ratio = maxWidth / width; // 计算缩放比例 $(this).css("width", maxWidth); // 设定实际显示宽度 height = height * ratio; // 计算等比例缩放后的高度 $(this).css("height", height); // 设定等比例缩放后的高度 } if(height > maxHeight){ // 检查图片是否超高ratio = maxHeight / height; // 计算缩放比例 $(this).css("height", maxHeight); // 设定实际显示高度 width = width * ratio; // 计算等比例缩放后的高度 $(this).css("width", width); // 设定等比例缩放后的高度 } });}); </script>
注意：所有网页特效均为互联网上收集，若有侵权，请告知删除。
关键词: jQuery调整图片
© 版权声明
【站长推荐】购买会员可免费下载全站资源。【提示】本站只提供资源，不提供技术支持，介意勿下！！【公告】没有基础小白不要下载，站长不教！！
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
THE END
