c# - 从代码隐藏 (ASP.NET C#) 到 ASPX 中的图像概览的图像列表

标签 c# jquery asp.net thumbnails image-gallery

<分区>

我对 ASP 和 C# 比较陌生，我想了解如何解决以下两个问题:

在代码隐藏中，我有一个包含图像的列表(来自数据库)。我想在 ASPX 页面上显示这些图像。我想知道允许 ASPX 页面从后面的代码访问列表的最佳/最简单方法是什么。关于这个主题的教程让我有点困惑。
我的第二个问题是关于一个漂亮的 JQuery 画廊。我能找到的几乎所有插件都是某种 slider ，这不是我要找的。理想的插件应该在页面上显示所有(缩略图)图像，并且应该包含下一个和上一个按钮。如果将鼠标光标悬停在图像上后可以显示图像名称，那就太好了。

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

提前致谢

最佳答案

问题一

您可以使用 gridview 来显示图像，不确定您的代码背后的列表到底是什么类型，所以我创建了一个简单的 List<Images>其中 Images是一个具有两个属性名称和 URL 的类，但我相信您可以相应地更改代码以使用您的列表:

ASPX:

<asp:GridView ID="gvImages" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:ImageField DataImageUrlField="URL" HeaderText="Image" 
        ControlStyle-Height="150" ControlStyle-Width="120" />
    </Columns>
</asp:GridView>

代码隐藏:

    protected void Page_Load(object sender, EventArgs e)
    {
        List<Image> images = new List<Image>
        {
            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; }
    }
}