title: Umbaco Archtype rendering images (MediaPicker2)
body: <p>I'm building a image slider using Archtype in Umbraco. </p>
  
  <p>I was using umbraco 7.5.9 and Umbraco.MediaPicker when I started this but in the mean time I started a new project with the newest version Umbraco (7.6.2) which uses Umbraco.MediaPicker2</p>
  
  <p>It was no problem rendering images with the old MediaPicker but with the MediaPicker2 it seems impossible. </p>
  
  <p>Here is my setup.</p>
  
  <p>The Archtype:
  <a href="https://i.stack.imgur.com/zHGCE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zHGCE.png" alt="enter image description here"></a>
  Here is the partial view that rendered the old MediaPicker</p>
  
  <pre><code>&lt;div class="fullWidthSlider"&gt;
      @foreach (var image in @CurrentPage.SliderImages)
      {
          &lt;div&gt;Id: @image.GetValue("image")&lt;/div&gt;@*Line added for debug*@
          var media = @Umbraco.Media(image.GetValue("image"));
          &lt;img src="@media.Url" /&gt;
      }
  &lt;/div&gt;
  </code></pre>
  
  <p>This used to work for the old Media picker and the @image.GetValue returned int id. But with the new MediaPicker2 it returns Umbraco.Core.Udi[]</p>
  
  <p>If I foreach through the properties of the archtype with the code below I get this result (see below code)</p>
  
  <pre><code>@foreach (var fieldset in Model.Content.GetPropertyValue&lt;ArchetypeModel&gt;("sliderImages"))
  {
      foreach(var prop in fieldset.Properties){
  
          &lt;p&gt;@prop.Alias - @prop.Value&lt;/p&gt;
  
      }
  }
  </code></pre>
  
  <p>href -</p>
  
  <p>altText - alt test</p>
  
  <p>image - umb://media/c33bfe07a82b4df18a79db154139cb91</p>
  
  <p>href -</p>
  
  <p>altText - Fjall</p>
  
  <p>image - umb://media/40d5778d34bb4035b5146c901de75212</p>
  
  <p>Can anyone tell me how I can render image from this data.</p>
  
  <p>Thanks</p>