Hi Alex
i will look into this, thanks.

Here are some other good gallery resources

http://umbraco.com/help-and-support/video-tutorials/umbraco-fundamentals/razor-recipes/gallery

and

pagination for news but i think it can be used for gallery as well, all videos have code to download at bottom

http://umbraco.com/help-and-support/video-tutorials/umbraco-fundamentals/razor-recipes/news

I used Foundation lightbox

http://foundation.zurb.com/docs/components/clearing.html

 

to display images of item:

-------

@inherits Umbraco.Web.Macros.PartialViewMacroPage

 

 

@*

    Macro to display a series of images from a media folder.

 

    How it works:

        - Confirm the macro parameter has been passed in with a value

        - Loop through all the media Id's passed in (might be a single item, might be many)

        - Display any individual images, as well as any folders of images

 

    Macro Parameters To Create, for this macro to work:

    Alias:mediaId     Name:Select folder with images    Type:Single Media Picker

*@

 

@{ var mediaId = Model.MacroParameters["mediaId"]; }

@if (mediaId != null){

    @* Get all the media item associated with the id passed in *@

    var media = Umbraco.Media(mediaId);

    var selection = media.Children("Image");

    if (selection.Any())

    {

    <!-- house item container -->

    <div class="row">

      <div class="small-12 columns">

        <div class="house-item-container">

          <ul class="clearing-thumbs xsmall-block-grid-1 small-block-grid-2 medium-block-grid-3 large-block-grid-4" data-clearing>

            @foreach (var item in selection)

            {

            <li><a class="th" href="@item.umbracoFile"><img data-caption="@CurrentPage.name [email protected]" src="/[email protected]&width=240&height=157" alt="@item.Name" /></a></li>

            }

          </ul>  

        </div>

      </div>

    </div>

    <!-- /house item container -->

    }

}

Arlan, great, thanks !!!

is working on a reply...