好,我一直在这个画廊一段时间,我不断收到小花絮。现在是时候完成它。我有其结合到包含通过链接发送的缩略图ID *的.aspx图像网址的阵列的数据列表。我现在需要实现一个onclick事件,当用户点击一个照片,它带给他们实际的图片。

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

我需要:我如何得到它使每张照片都有一个onclick事件?我尝试添加的onclick到IMAG src,却没有奏效。这是困难的,因为它不是一个实际的图像控制,他们DataList控件内部存在。我还需要知道如何提取的缩略图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();
有帮助吗?

解决方案

您可以把它包在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。

其他提示

尝试:

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

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top