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

Question

我正在 asp.net 中编写一个网络应用程序，我在我的图像的数据库 URL 中，我想显示我的数据库中的所有图像，用灯箱包装我的代码到目前为止是：

<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 插入所有图像，当我单击图像时，灯箱将激活

谢谢

Answer 1

使用 ListView 可以让您完全控制标记以及干净的 HTML。使用 HttpHandler（关于此主题的 SO 上的其他 Q - 进行搜索）从数据库中检索图像并提供它。

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

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