ASP.NET怎么控制图片得大小，并且在切换是上面显示得是大图，而下面就显示小图，要该怎么 写求例子 在线等
3个回答
2012-04-23 · 知道合伙人互联网行家
zhuxinjun1982
知道合伙人互联网行家
采纳数：2145
获赞数：8329
毕业于上海行健职业学院，大专学历；2007~2009在北大青鸟进修网络编程课目。现任网络主管，平时爱好上网。
向TA提问 私信TA
关注
![]()
展开全部
实现这种效果一般都是用JS来做的，网上你可以搜索下具体范例。
如果你一定要通过后台来实现，那你就把小图和大图的路径都存到表里，点击小图的时候根据ID号来显示相应的大图即可。
如果你一定要通过后台来实现，那你就把小图和大图的路径都存到表里，点击小图的时候根据ID号来显示相应的大图即可。
追问
用JS也行 有没有个例子啊
追答
给个扣扣，我发给你。你加我把，466354008
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接在小图上设置宽度和高度，这样图片会自动缩小。不过这样的话，下图的下载量还是和大图是一样的。那样你只能用工具把图片缩小，然后保存图2 然后小图读取图2
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个是当鼠标滑过图片时，就放大当前的图片，不知道对你是否有帮助，看以看看！
<head runat="server">
<title>无标题页</title>
<script type ="text/javascript" >
function changeImage(i)
{
var mImg = document .getElementById ('mainImage');
mImg.src = document .getElementById (i).src;
}
</script>
<style type ="text/css" >
img
{
vertical-align :top ;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style =" width :600px; height :300px;">
<div style =" width :500px; height :300px; float :left ">
<img src ="image/p1.jpg" style ="width :500px; height :300px;" id = "mainImage" />
</div>
<div style ="width :100px; height :300px; float :left ">
<img src ="image/p1.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img1')" id = "img1" />
<img src ="image/p2.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img2')" id = "img2" />
<img src ="image/p3.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img3')" id = "img3" />
<img src ="image/p4.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img4')" id = "img4" />
<img src ="image/p5.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img5')" id = "img5" />
<img src ="image/p6.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img6')" id = "img6" />
</div>
</div>
</form>
</body>
<head runat="server">
<title>无标题页</title>
<script type ="text/javascript" >
function changeImage(i)
{
var mImg = document .getElementById ('mainImage');
mImg.src = document .getElementById (i).src;
}
</script>
<style type ="text/css" >
img
{
vertical-align :top ;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style =" width :600px; height :300px;">
<div style =" width :500px; height :300px; float :left ">
<img src ="image/p1.jpg" style ="width :500px; height :300px;" id = "mainImage" />
</div>
<div style ="width :100px; height :300px; float :left ">
<img src ="image/p1.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img1')" id = "img1" />
<img src ="image/p2.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img2')" id = "img2" />
<img src ="image/p3.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img3')" id = "img3" />
<img src ="image/p4.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img4')" id = "img4" />
<img src ="image/p5.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img5')" id = "img5" />
<img src ="image/p6.jpg" style ="width :100px; height:50px" onmouseover ="changeImage('img6')" id = "img6" />
</div>
</div>
</form>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
