【项目经验】——gridview中图片放大浏览

最新推荐文章于 2022-04-18 13:10:49 发布

杨晓敏M

最新推荐文章于 2022-04-18 13:10:49 发布

阅读量2.2k

点赞数

文章标签：图片显示 gridview

本文链接：https://blog.csdn.net/u010924897/article/details/49523435

版权

在项目开发中，为了提高用户体验，对GridView中的图片进行了优化。当鼠标悬停在图片上时，图片会放大显示，移开鼠标后则恢复原状，解决了因图片缩放导致的模糊问题，方便用户查看图片上的细节，特别是文字内容。

摘要由CSDN通过智能技术生成

在开发软件过程中，一向秉承着为人民服务的宗旨。最近项目中需要在GridView中存放和显示图片，但是由于图片缩小程度比较大，相对比较模糊，不便于用户进行查看。于是，做了一项功能——鼠标位于图片上方时，图片放大显示。

1、GridView绑定图片的代码

<asp:TemplateField HeaderText="显示图片" ItemStyle-CssClass="tcTdCenter">
	<ItemTemplate>
  	<img alt="" id='img<%# Eval("Id") %>' src="../../Common/ShowFile.ashx?smatlpicpath=filePath" 
		οnmοuseοver="over('img<%# Eval("Id") %>')"; οnmοuseοut="out()" width="50" height="50" style="cursor: pointer;" />
  </ItemTemplate>
</asp:TemplateField>