如何使用宏在页面上显示umbraco多个媒体选择器图像

Question

你好stackoverflow的人希望你可以帮我解决一个简单的问题,但在其他地方找不到解决办法,我刚刚和umbraco一起工作了一个星期,而且之前从未使用过mvc部分,所以对我来说都是新的.

所以最大的问题是如何制作一个宏来显示我从多媒体选择器中选择的这些图像,宏应该以显示结束.

<img src="img1.gif" height="50" width="50">
<img src="img2.gif" height="50" width="50">

依此类推,具体取决于图像的数量.(大小只是一个例子)

我尝试过这样的事情

 @var selectedMedia3 = @Library.MediaById(Model.mainImage);
      <img src="@selectedMedia3.umbracoFile" width="@selectedMedia3.umbracoWidth" height="@selectedMedia3.umbracoHeight" alt="@selectedMedia3.Name"/>                       
    }

但我不知道如何解析图像的id到宏.当我选择多个文件时,我需要一个循环,但不知道如何循环多个媒体选择器数据,所以我现在有点迷失了.

Answer 1

你能告诉我们你正在使用的Umbraco版本吗？近年来,Umbraco在各种版本中经历了许多有趣的变化.以下代码应指导您使用propertyAlias partnersLogos的Umbraco 7 Multiple Image选择器的正确方向.

    @if (Model.Content.HasValue("partnersLogos"))
    {
        var partnersImagesList =  Model.Content.GetPropertyValue<string>("partnersLogos").Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse);
        var partnersImagesCollection = Umbraco.TypedMedia(partnersImagesList).Where(x => x != null);
        foreach (var partnerImage in partnersImagesCollection)
        {
            <img src="@partnerImage.Url" alt="partners logo" />
        }
    }