在轮播元素中显示来自多个媒体选择器的图像 (Umbraco 7)

Question

我知道以前有人问过这个问题，但我尝试过的任何解决方案都没有对我有用。我需要将 X 个来自多媒体选择器的图像插入到轮播元素中。

目前我只是使用硬编码索引提取每个图像。

<div class="active item" data-slide-number="0"> <img src='@(Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("sommerhusBilleder").ToList()[0].Url)'></div>

但是当客户端应该能够插入任意数量的图像时，这不起作用。我需要使用此标记迭代每个图像，同时每次都更改数据幻灯片编号，以便它与我关联的缩略图匹配。

如何迭代 X 数量的图像并提取它们的 URL 以在我的轮播中使用？

Answer 1

如果我这样做，我会使用这种方法，

在视图顶部，将图像声明为变量；

@{   
   var images = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("sommerhusBilleder").ToList();
}

然后使用这个循环列出项目；

@for (var i = 0; i < images.Count; i++)
{
    <div class="@(i < 1 ? "active":"") item" data-slide-number="@i"> 
        <img src='@images[i].Url'>
    </div>
}

应该做的伎俩， i 变量可用于跟踪幻灯片编号，您可以在需要的地方使用它。

编辑；还要确保在渲染时只激活第一张幻灯片 - 您可以通过测试循环开始时的“i”来做到这一点。