what does your html look like in your view where you are trying to display the image? You should be able to get the media/image like this:

var image = Model.Value<MediaWithCrops>("image");
if (image != null)
{
    <img src="@image.MediaUrl()" alt="" />
}

If it's a multi picker you need to cast to IEnumerable

var images = Model.Value<IEnumerable<MediaWithCrops>>("images")
if (images != null && images.Any())
{
    foreach (var image in images)
    {
        <img src="@image.MediaUrl()" alt="" />
    } 
}

Instead of MediaUrl() you can also use GetCropUrl() to return better compressed and optimized images.

Thanks guys, i ahd indeed made a silly assumption that it was an automatic html generating method or partial view etc.. like other blocks.

I kept getting errors witht "MediaWithCrops" type. I found "IPublishedContent" from another post that worked. I also found the images variable declaration only behaved in a @{} codeblock.

my final code for future googlers:

@{
    Layout = "Master.cshtml";
    var images = Model.Value<IEnumerable<IPublishedContent>>("gallery");
}
@Model.Value("title")
@Model.Value("blurb")
@Model.Value("fullDescription")

@section gallery
{
    @if (images != null && images.Any())
    {
        @foreach (var image in images)
        {
                <img src="@image.GetCropUrl()" alt="" />
        }
    }

}

is working on a reply...