js图片轮换里如何等比例缩放图片?
1个回答
推荐于2016-02-14
展开全部
希望对你有帮助比例缩放图片代码如下:<script language="javascript">
function zone(){
var ben=0.5;//缩小倍数
var zone=document.getElementById("img");
var kuan=zone.width;//原图宽
var gao=zone.height;//原图高
//计算高和宽
var new_kuan=kuan*ben;
var new_gao=gao*ben;
//给id=xin的img赋值
document.getElementById("xin").src=zone.src;
document.getElementById("xin").height=new_gao;
document.getElementById("xin").w=new_kuan;
document.getElementById("gao").value=gao;//显示高
document.getElementById("kuan").value=kuan;//显示宽
}
</script> <img id="img" src="images/ad03.gif" border="0" />
<input type="button" onclick="zone();" value="获得"/>
高:<div><input type="text" id="gao" /></div>
宽:<div><input type="text" id="kuan" /></div>
显示:<img id="xin"/>
function zone(){
var ben=0.5;//缩小倍数
var zone=document.getElementById("img");
var kuan=zone.width;//原图宽
var gao=zone.height;//原图高
//计算高和宽
var new_kuan=kuan*ben;
var new_gao=gao*ben;
//给id=xin的img赋值
document.getElementById("xin").src=zone.src;
document.getElementById("xin").height=new_gao;
document.getElementById("xin").w=new_kuan;
document.getElementById("gao").value=gao;//显示高
document.getElementById("kuan").value=kuan;//显示宽
}
</script> <img id="img" src="images/ad03.gif" border="0" />
<input type="button" onclick="zone();" value="获得"/>
高:<div><input type="text" id="gao" /></div>
宽:<div><input type="text" id="kuan" /></div>
显示:<img id="xin"/>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |