Question

好的，我已经在这个画廊工作了一段时间，我不断得到一些花絮。现在是时候完成它了。我有一个数据列表绑定到* .aspx图像网址数组，其中包含通过网址发送的缩略图ID。我现在需要实现一个onclick事件，当用户点击一张照片时，它会将它们带到实际的图片中。

示例网址：
（缩略图）=〜/ UserPages / Photo / GetThumbnail.aspx？id = 7
（actualpic）=〜/ UserPages / Photo / GetPhoto.aspx？id = 7

我需要的是：如何让每张照片都有onclick事件？我尝试将onclick添加到imag 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();

Answer 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。

Answer 2

尝试：

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

之后你可以简单地实现一个doSomething函数来解析“this.src”中的id并用它做任何你想做的事。

datalist onclick事件中的Asp.Net Image？可能吗？

2 个答案: