使用Image Cropper文档类型循环显示图像列表(Umbraco 7)

时间:2017-08-28 11:41:28

标签: c# html image razor umbraco

我目前正在将多媒体选择器文档类型更改为10个图像裁剪器文档类型。

我不确定如何循环浏览这些新创建的属性并在我的轮播元素中显示它们。

在我使用此代码循环播放媒体文件之前:

@{var images = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("sommerhusSlideshowBilleder").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>
}

现在我需要遍历X个“图像裁剪器”图像,每个图像都有自己的别名。解决这个问题的最佳方式是什么?

1 个答案:

答案 0 :(得分:0)

虽然我没有尝试过,但我认为给予可以解决你的问题,或至少给你一个头脑或什么。

假设&#34; sommerhusSlideshowBilleder&#34;是&#39; 10图像裁剪器的别名,而img1..img10是它们各自的别名,它们可能相同也可能不相同。因为每个图像都有自己的id。

    var imageList = CurrentPage.AncestorOrSelf(1).Descendants("sommerhusSlideshowBilleder");
    if(@imageList.Count()>0){
    foreach(var image_alias in imageList)
    {@*to get url of image *@
   <img src="@Url.GetCropUrl(Model.Content, propertyAlias: image_alias, height: 300, width: 400)" />

    }}

告诉我它是怎么回事。