c# - 要显示最多 5 个缩略图

Question

想要在缩略图中显示最多 5 张图像。但它会打印它拥有的所有图像。

@foreach (var orderline in order.OrderLines.DistinctBy(ol => ol.imageURL))
{
    <img height="40" src="@orderline.imageURL" alt="@(orderline.Listing.Title.Length > 15 ? orderline.Listing.Title.Substring(0, 15) : orderline.Listing.Title)" />
}

Answer 1

您已经在代码中使用了一些 Linq，所以只需使用更多。Linq 中的Take()方法将完全满足您的要求：

@foreach (var orderline in order.OrderLines.DistinctBy(ol => ol.imageURL).Take(5))
{
    <img height="40" src="@orderline.imageURL" alt="@(orderline.Listing.Title.Length > 15 ? orderline.Listing.Title.Substring(0, 15) : orderline.Listing.Title)" />
}

我在最后Take(5)添加的意思是您最多只能迭代 5 个项目

Answer 2

将您的 foreach 更改为 for 循环

@for(var i = 0; i < 5; i++)

  Your code goes here using thing[i]