希望最多显示 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]

希望最多显示 5 个缩略图

Want to display a maximum of 5 thumbnails

c#

html

razor

slamdata