2009-04-09 24 views
0

好吧,我一直在这个画廊工作了一段时间,我不断收到一些小花絮。现在是时候完成它了。我有一个datalist绑定到包含通过url发送的缩略图ID的* .aspx图像url数组。我现在需要实现一个onclick事件,当用户点击一张照片时,它会将它们带到实际的照片中。Asp.Net datalist onclick事件中的图像?可能吗?

例如URL:?
(缩略图)=〜/ UserPages /照片/ GetThumbnail.aspx ID = 7
(actualpic)=〜/ UserPages /照片/ GetPhoto.aspx ID = 7

什么我需要:我如何得到它,以便每张照片都有一个onclick事件?我试图添加onclick到图像的src,但它没有奏效。这很难,因为它不是一个真正的图像控制,它们存在于数据专家之内。我还需要知道如何在获取点击时提取缩略图网址,以便我可以获取id并重定向到实际图片。请帮助!

<asp:DataList ID="dlImages" runat="server" 
    RepeatColumns="5" 
    RepeatDirection="Horizontal" 
    RepeatLayout="Flow"> 

    <ItemTemplate> 
     <img src="<%# ResolveUrl((string)Container.DataItem) %>" /> 
    </ItemTemplate> 

</asp:DataList> 

代码背后:

dlImages.DataSource = ImageUrls; 
dlImages.DataBind(); 

回答

1

你可以用它在a标签?

<ItemTemplate> 
    <a href="<%# ResolveUrl(String.Format("~/UserPages/Photo/GetPhoto.aspx?id={0}", Container.DataItem)) %>"><img src="<%# ResolveUrl(String.Format("~/UserPages/Photo/GetThumbnail.aspx?id={0}", Container.DataItem)) %>" /></a> 
</ItemTemplate> 

这里假设您的DataItem只包含ID。

+0

哇...我从来没有想过这一点。谢谢!我不知道没有这个网站我会做什么。再次感谢你! – user84786 2009-04-09 02:31:30

0

尝试:

<ItemTemplate> 
    <img src="<%# ResolveUrl((string)Container.DataItem) %>" onclick="doSomething(this)" /> 
</ItemTemplate> 

之后,你可以简单地实现该解析id列“this.src”的DoSomething的功能,做任何你想用它。