JS控制图片等比例缩放
2010-12-03 00:44
387 查看
function pimsize(imgname,widths,heights){
var w;
var h;
//window.alert(picimg.width);
//window.alert(picimg.height);
w=imgname.width;
h=imgname.height;
if(imgname.width>widths){
do
w=w-1;
while (w>widths) ;
s=w/imgname.width;
//window.alert(s);
imgname.width=w;
imgname.height=h*s;
h=imgname.height
}
//window.alert(imgname.height);
//window.alert(heights);
if(imgname.height>heights){
do
h=h-1;
while (h>heights) ;
s=h/imgname.height;
//window.alert(s);
imgname.width=w*s;
imgname.height=heights;
}
}
<a href='ProductDetail.asp?ID=<%=rs_proShow("id")%>&SortID=<%=rs_proShow("SortID")%>'><img src="<%=rs_proShow("smallPic")%>" onload="pimsize(this,180,140)" border="0" /></a>
var w;
var h;
//window.alert(picimg.width);
//window.alert(picimg.height);
w=imgname.width;
h=imgname.height;
if(imgname.width>widths){
do
w=w-1;
while (w>widths) ;
s=w/imgname.width;
//window.alert(s);
imgname.width=w;
imgname.height=h*s;
h=imgname.height
}
//window.alert(imgname.height);
//window.alert(heights);
if(imgname.height>heights){
do
h=h-1;
while (h>heights) ;
s=h/imgname.height;
//window.alert(s);
imgname.width=w*s;
imgname.height=heights;
}
}
<a href='ProductDetail.asp?ID=<%=rs_proShow("id")%>&SortID=<%=rs_proShow("SortID")%>'><img src="<%=rs_proShow("smallPic")%>" onload="pimsize(this,180,140)" border="0" /></a>
相关文章推荐
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片等比例缩放的示例代码
- JS控制图片显示的大小(图片等比例缩放)
- [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片按比例缩放并不超过一定宽度和高度(居中对齐)
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片等比例缩放
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- JS控制图片显示的大小(图片等比例缩放)
- JS控制图片显示的大小(图片等比例缩放)