我想用缩略图来集中显示文件夹中的图片,然后通过点击或者指向的方法打开大图(asp.net(C#))

来源:百度知道 编辑:UC知道 时间:2024/09/21 17:44:48
我用的是datalist绑定网站文件夹中的图片,想把文件夹中的图片用缩略图来显示,点击缩略图后显示大图片,这是源码 <asp:DataList ID="DataList1" runat="server" RepeatColumns="20" RepeatDirection="Horizontal" Width="804px" Height="155px">
<ItemTemplate >
<table border ="0">
<tr >
<td >
<img src='/Mycomic/bizhiUpload/<%#DataBinder.Eval(Container.DataItem,"bizhiPic") %>' width =125,hight=100 />
</td>
</tr>
</table>
这样实现的是大图片,而且不能点击,求高手指点啊,最好是源码,直接可用

你可做一个单独的页面用来存入大图的阿。
你代码的这一句<td >
<img src='/Mycomic/bizhiUpload/<%#DataBinder.Eval(Container.DataItem,"bizhiPic") %>' width =125,hight=100 />
</td> 中,把width或者hight更改一下,设置为你想要的大小,最好只设定width或者hight中的一个就行了,这样可以成比例放大或者放小,如:
<td > <img src='/Mycomic/bizhiUpload/<%#DataBinder.Eval(Container.DataItem,"bizhiPic") %>' width =80/> </td>
这样就可以把图变小了。想点击就这样(就是用一个超链接实现):
<td > <a href="#">
<img src='/Mycomic/bizhiUpload/<%#DataBinder.Eval(Container.DataItem,"bizhiPic") %>' width =125,hight=100 /></a>
</td>
打开的那个页放一个这个图的大图就行了。如这样:
<table>
<tr>
<td >
<img src='/Mycomic/bizhiUpload/<%#DataBinder.Eval(Container.DataItem,"bizhiPic") %>' width =200/>
</td>
</tr>
</table>

在这里我只改width来更改图片的大小……