绑定Datalist中的Colorbox和ASP.NET

时间:2012-08-30 04:48:44

标签: asp.net colorbox datalist

我的图像存储在SQL数据库中。我绑定到表并使用生成的图像控件和ashx处理程序。没问题。我现在有一个由锚标记包围的缩略图。问题在于找到隐藏div中的大图像并仅显示...我不想只有一个图像的图库。如果您正在阅读本文,则您知道数据专家在生成控件时会将错位ID分配给其组件。如何从缩略图图像中处理该图像?

<asp:DataList ID="datalist" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
    <ItemTemplate>
       <a class="colorme" href="#">Actual thumbnail image</a>
       <div style="display:none">
          <div id="colorme" runat="server">Actual image to display            
          </div>
       </div>
    </ItemTemplate>
</asp:DataList>

ASP.NET 4.0没有母版页。

2 个答案:

答案 0 :(得分:0)

分配ID并在服务器上运行您的Image并使用 <%= yourimage.ClientID %>这将返回特定图像,无论你在哪里使用它......都不是由Datalist控件生成的错位ID。

答案 1 :(得分:0)

最简单的解决方案是使用jQuery,并使用next-sibling selector找到元素。

$(".colorme").click(function(){
    $(this).find("~ div").show();
});

无论你在网页上有多少张图片,这都会有效。