时间:2014-01-29所属栏目: Html+css 来源: 热度:
如果是IE7以上、chrome、firefox、opera、safari可以用max-width和height:auto就行了,可惜国内杯具,IE6 的使用者还不少。
这也是朋友的需求,貌似网上有很多种方法,有js实现的、有php实现的。
折腾了好一阵才搞定,主要是忘了兼容 IE6 了,然后为了兼容即将死亡的 IE6 费了不少时间。
jQuery(window).load(function(){
/* jQuery方法实现自动缩放图片 beta2 by zwwooooo */
var img_cont=($('.post').find('img')).length; //查找并计算文章里面的图片个数,根据自己主题写选择器
if (img_cont != 0) { //做个判断,没有图片就不需要了
var maxwidth=600; //定义图片最大宽度,超过此宽度的图片自动缩为 maxwidth 值
var maxwidth_value=maxwidth+'px';
for (var i=0;i<=img_cont-1;i++) {
var max_width=$('.post img:eq('+i+')');
if (max_width.width() > maxwidth) {
max_width.addClass('max_width_img').removeAttr("width")
.removeAttr("height").css({"cursor":"pointer","width":maxwidth_value,"height":"auto"});
}
}
}
});