Umbraco 7 foreach遍历同一图像

Question

Having a bit of difficulty displaying images correctly in a foreach loop in Umbraco, am noob in C# and Umbraco.

It loops through the articles just fine, however it displays the same image in each

  @{
            var articles = Model.Content.Site().FirstChild("perspectives").Children()
                                .Where(x => x.IsVisible());
        }
            @foreach (var item in articles.Take(5))
            {
                <div class="related-article">
                    <a href="@item.Url">
                        <div class="gray-block-article-block">
                          @{ string imageUrl = Model.Content.GetPropertyValue<IPublishedContent>("articleImage").Url; }

                        <img src="@imageUrl" alt="@item.Name">
                        <div>@Umbraco.Truncate(library.StripHtml(item.Name), 20)</div>
                    </div>
                    </a>
                </div>
            }

Answer 1

您将从当前节点（Model.Content）的属性获取Url您应从循环中的项目获取属性：

@{ string imageUrl = item.GetPropertyValue<IPublishedContent>("articleImage").Url; }