数码资讯
基于jQuery的等距缩放图像
基于jQuery的图像大小调整 resize.js 复制代码代码如下所示: $(窗口)Bind(加载 图像调整大小 $(# product_list IMG)。每个(函数(){) VaR最大= 120; VaR最大高度= 120; var比率= 0; var宽度= $(这个)。Width(); va
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
基于jQuery的图像大小调整
resize.js
复制代码代码如下所示:
$(窗口)Bind(加载
图像调整大小
$(# product_list IMG)。每个(函数(){)
VaR最大= 120;
VaR最大高度= 120;
var比率= 0;
var宽度= $(这个)。Width();
var高= $(这个)。Height();
如果(宽度>maxwidth){
比=最大 /宽度;
$(这个)。Css(宽度
美元(这个)。Css(高度
高度=高度*比率;
}
var宽度= $(这个)。Width();
var高= $(这个)。Height();
如果(高度大于最大高度){
比=最大高度/高度;
美元(这个)。Css(高度
$(这个)。Css(宽度
宽度=宽度*比率;
}
});
/ / $(# contentpage IMG)(显示);
图像调整大小
});
代码非常简单,易于使用,合作伙伴可以直接使用它。
resize.js
复制代码代码如下所示:
$(窗口)Bind(加载
图像调整大小
$(# product_list IMG)。每个(函数(){)
VaR最大= 120;
VaR最大高度= 120;
var比率= 0;
var宽度= $(这个)。Width();
var高= $(这个)。Height();
如果(宽度>maxwidth){
比=最大 /宽度;
$(这个)。Css(宽度
美元(这个)。Css(高度
高度=高度*比率;
}
var宽度= $(这个)。Width();
var高= $(这个)。Height();
如果(高度大于最大高度){
比=最大高度/高度;
美元(这个)。Css(高度
$(这个)。Css(宽度
宽度=宽度*比率;
}
});
/ / $(# contentpage IMG)(显示);
图像调整大小
});
代码非常简单,易于使用,合作伙伴可以直接使用它。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。