Had to recreate this thread...

Just started out with 7.x and Razor and am trying to figure out the logic... sigh! I'm trying to set up a simpel image slider using image cropper/media picker. Using Partial Views and Query builder for the first time, this is what i got:

@{
    var selection = Umbraco.TypedContent(1146).Children("slidebillede").Where(x => x.IsVisible()).OrderBy("CreateDate desc");
}

    <ul>
    @foreach(var item in selection){
    <li>
            @{
                if (item.HasValue("picFrontslide")){

                    var nodeId = item.Id;
                    var mediaItem = item.GetPropertyValue("picFrontslide");

                    if (mediaItem != null)
                    {
                        <img src="@nodeId" />
                        <img src="@mediaItem" />
                        <img src="@Umbraco.Content(nodeId).GetCropUrl("picFrontslide", "frontslide")" />
                    }
                }
            }
    </li>
    }
</ul>

This renders out

<ul>
    <li>
       <img src="1154" />
       <img src="1152" />
       <img src="1152?mode=pad&amp;rnd=131456337220000000" />

    </li>
    <li>
      <img src="1153" />
      <img src="1151" />
      <img src="1151?mode=pad&amp;rnd=131456337240000000" />
    </li>
</ul>

So... I get the page id, the id of the selected media (value of "picFrontslide") and the selected media including what I assume is crop data?!... Since this is not a solution I looked at what Leopold wrote in a former post regarding the image has to be parsed from the media archive before adding crop.

var mediaGet = Umbraco.TypedMedia(Model.Content.GetPropertyValue<int>("picFrontslide"));
if (mediaGet != null)
 {
  <img src="@Url.GetCropUrl(mediaGet, "frontslide")" />                    
 }

This results in nothing...

Been searching through the forum and now I'm just more confused. Can anyone help me out here and maybe explain how this works now?

Cheers