jQuery在页面加载时动态修改图片尺寸的方法_jquery
程序员文章站
2022-03-17 07:55:26
...
本文实例讲述了jQuery在页面加载时动态修改图片尺寸的方法。分享给大家供大家参考。具体如下:
$(window).bind("load", function() { // IMAGE RESIZE $('#product_cat_list img').each(function() { var maxWidth = 120; var maxHeight = 120; var ratio = 0; var width = $(this).width(); var height = $(this).height(); if(width > maxWidth){ ratio = maxWidth / width; $(this).css("width", maxWidth); $(this).css("height", height * ratio); height = height * ratio; } var width = $(this).width(); var height = $(this).height(); if(height > maxHeight){ ratio = maxHeight / height; $(this).css("height", maxHeight); $(this).css("width", width * ratio); width = width * ratio; } }); //$("#contentpage img").show(); // IMAGE RESIZE });
希望本文所述对大家的jQuery程序设计有所帮助。
推荐阅读
-
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
-
jquery在启动页面时,自动加载数据的实例
-
jQuery实现页面滚动时动态加载内容的方法教程
-
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
-
jQuery在页面加载时动态修改图片尺寸的方法教程
-
关于使用jquery的load方法时被加载页面内部script失效问题的一次探索
-
JQuery动态生成页面select元素时在IE下的BUG
-
JQuery动态生成页面select元素时在IE下的BUG
-
使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
-
jquery在启动页面时,自动加载数据的实例