问题 1
您可以使用 gridview 来显示图像,但不确定您的代码中到底有什么类型的列表,所以我创建了一个简单的List<Images>
whereImages
是具有两个属性 Name 和 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; }
}
}
问题2
看看jQuery Galleria,它具有列出所有缩略图以及下一个和上一个按钮的功能。如果您想在将鼠标悬停在图像上时显示图像的名称或任何其他描述,只需将title
HTML 属性更改为期望值: