jQuery动态图像缩略的原理与实现
复制代码代码如下所示:在载入页面 / /执行resizeimage()函数
$(document)。准备(resizeimage());
功能resizeimage(){
$(。图片img)。每个(函数(){(){)
将图像加载到内存中,在
$(.)
获取/原始图片宽度
无功imgwidth =美元(这)Width();
无功imgheight =美元(这)Height();
图片的宽度
颜色= $(var,PIC)的Width();
无功boxheight = $(',')Height(PIC);
对imgbox / IMG比和长宽比的长宽比
如果((颜色/ boxheight)=(imgwidth / imgheight))
{
/ /复位IMG的宽度和高度
$(这)。Width((boxheight * imgwidth) / imgheight);
$(这)高度(boxheight);
让图片/显示中心
无功裕度=(颜色- $(this)。Width())/ 2;
Css。
}
其他的
{
/ /复位IMG的宽度和高度
$(这)Width(颜色);
$(这)。Height((颜色* imgheight) / imgwidth);
让图片/显示中心
无功裕度=(boxheight $(this)。Height())/ 2;
Css。
}
});
})
}