Question

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

example url:
(thumbnail) = ~/UserPages/Photo/GetThumbnail.aspx?id=7
(actualpic) = ~/UserPages/Photo/GetPhoto.aspx?id=7

我需要的是：如何获取它，以便每张照片都有一个onclick事件？我试着在imag-src中添加onclick，但没有成功。这很困难，因为这不是一个实际的图像控制，它们存在于数据列表中。我还需要知道如何在被点击时提取缩略图url，这样我就可以获取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

你能把它包装在一个＜code＞＜/code＞标签中吗？

<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，并对它执行任何您想要的操作。

友情链接