后面的asp.net代码显示来自DB包装的图像的灯箱

时间:2012-01-28 20:28:13

标签: asp.net database code-behind lightbox2

我正在asp.net中编写一个Web应用程序, 我有我的图像的DB URL,我想 显示我的数据库中包含Lightbox的所有图像到目前为止我的代码是:

<script type="text/javascript" src="Lightbox/js/prototype.js"></script>
<script type="text/javascript" src="Lightbox/js/scriptaculous.js?load=effects,builder>        </script>
<script type="text/javascript" src="Lightbox/js/lightbox.js"></script>  

<a rel="lightbox" id="userImageLightBox" runat="server" title="profile image">
  <img id="userImage"  runat="server"  width="150"  height="146"  alt="" src=""/>
</a>

所以我的问题是: 我如何使用foreach从后面的代码插入我的所有图像,当我点击 图像灯箱将激活

谢谢

1 个答案:

答案 0 :(得分:0)

使用ListView,它可以让您完全控制标记以及清理HTML。使用HttpHandler(关于此主题的其他问题 - 进行搜索)从DB检索图像并提供它。

在ListView中,使用ItemTemplates包含每个图像的标记。可以通过对每个img源属性使用以下语法来获取图像。

src='ImageHandler.ashx?imageID=<%# Eval("ImageName")%>'