asp.net 代码背后显示由灯箱包裹的数据库中的图像

发布于 2024-12-29 07:20:15 字数 647 浏览 1 评论 0原文

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

谢谢

I am writing an web app in asp.net,
I have in my DB URL of my images and I want to
display all the images from my DB wrapped with lightbox my code so far is:

<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>

so my question is:
how can i insert all my images using foreach from the code behind, that when i click on the
image the lightbox will activate

thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

〃温暖了心ぐ 2025-01-05 07:20:15

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

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

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

Use a ListView which will give you total control over the markup as well as clean HTML. Use a HttpHandler (other Q's on SO on this topic - do a search) to retrieve image from DB and serve it up.

In your ListView, use ItemTemplates to contain markup for each image. Images can be obtained by using the following syntax for each img source attribute.

src='ImageHandler.ashx?imageID=<%# Eval("ImageName")%>'
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文