Hi Chris and welcome to our.

I think that you are missing one little thing. I assume that you link to the file works well, and therefore in the image tag where you call the url to the image you also need to add umbracoFile, to get the path to the image.

So your image tag would look like this:

<img src="@cropUrl.umbracoFile" alt="@mediaItem.Name" />

And your hole script block would look like this:

@inherits umbraco.MacroEngines.DynamicNodeContext

@*

    Macro to display a gallery from a media folder. Add the below parameter to the macro

    and use it to point the macro at a specific media folder to display it's content as

    a simple list.

    Macro Parameters To Create, for this macro to work:

    Alias:mediaId     Name:Media Folder ID    Type:Single Media Picker

*@

@if (Parameter.mediaId != null){

     @* Get the media folder as a dynamic node *@

    var mediaFolder =  Library.MediaById(Parameter.mediaId);

        if (mediaFolder.Children.Any()){

        <ul class="thumbnails">

            @* for each item in children of the selected media folder *@

            @foreach (var mediaItem in mediaFolder.Children)

            {

                var cropUrl = mediaItem.GetCropUrl("umbracoFile", "thumb");

                <li class="span2">

                    <a href="@cropUrl.umbracoFile" class="thumbnail">

                        <img src="@cropUrl.umbracoFile" alt="@mediaItem.Name" />

                    </a>

                </li>

            }

        </ul>

    }

}

Try to see the uHangout EP030 - Jeavon Leopold episode of uHangout where Jeavon talks about the image cropper and how to configure it. http://uhangout.co.uk/video/bQsvGmnYaUU

Hope this helps,

/Dennis

is working on a reply...