列出来自代码背后的图像(ASP.NET C#)到ASPX中的图像概述

我是ASP和C#的新手,我想学习如何解决以下两个问题:

  1. 在Code Behind中,我有一个包含图像的列表(来自数据库)。 我想在ASPX页面上显示这些图像。 我想知道什么是允许ASPX页面从后面的代码访问列表的最佳/最简单的方法。 关于这个主题的教程对我来说有点混乱。

  2. 我的第二个问题是关于一个不错的JQuery画廊。 几乎所有我能找到的插件都是某种滑块,这不是我想要的。 理想的插件应该在页面上显示所有(缩略图)图像,并且应该包含下一个和上一个按钮。 如果将鼠标光标hover在图像上后可以显示图像的名称,那也不错。

希望有人能回答我的问题,

提前致谢

问题1

您可以使用gridview来显示图像,不确定您的代码中确切的列表类型,因此我创建了一个简单的List其中Images是一个具有两个属性Name和URL的类,但我相信你可以相应地更改代码以使用您的列表:

ASPX:

       

代码背后:

  protected void Page_Load(object sender, EventArgs e) { List images = new List { new Image("Picture 1","~/Images/Pic1.jpg"), new Image("Picture 2","~/Images/Pic2.jpg"), }; gvImages.DataSource = images; gvImages.DataBind(); } } public class Image { public Image(string name, string url) { this.name = name; this.url = url; } private string name; public string Name { get { return name; } set { name = value; } } private string url; public string URL { get { return url; } set { url = value; } } } 

问题2

看看jQuery Galleria,它具有列出所有缩略图以及下一个和上一个按钮的function。如果要在将鼠标hover在图像上时显示图像的名称或任何其他描述,只需将title HTML属性更改为期望值:

在此处输入图像描述