2008年10月2日 星期四

[引用]用 javascript 限制圖片大小

原作者網址:http://tzangms.com/blog/javascript/1665
ie 都不支援 max-width 這種東西, 真的是很頭大, 所以只好想說用 javascript 來做 max-width 跟 max-height 這個工作, 所以就寫了下面這一段。 只是好像有些圖片還是縮不到, 所以… 最後我還是用 php 來作這個動作了, 以下只是個記錄.

$(function(){
var limit = 120;
s = $('#stickers img');
$.each(s, function(i, n){
var w = $(n).width();
var h = $(n).height();

if (w > h) {
if (w > limit) {
var d = w - limit;
var r = h / w;
var nw = w - d;
var nh = h - d * r;
$(n).width(nw);
$(n).height(nh);
}
} else {
if (h > limit) {
var d = h - limit;
var r = w / h;
var nh = h - d;
var nw = w - d * r;
$(n).width(nw);
$(n).height(nh);
}
}
});
});

【下列文章您可能也有興趣】

沒有留言: