Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
what woulld be the best one for umbraco 7.2?i can seem to find one.
Hi Arlan,
What gallery do you want? It's not hard to create gallery from Images in media. Good video tutorial how to make gallery with Umbraco -
https://www.youtube.com/watch?v=02S5HH9DVek&html5=1
https://www.youtube.com/watch?v=uGFeUDYXDcQ&html5=1
Thanks, Alex
Hi Alexi 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>
<!-- /house item container -->
Arlan, great, thanks !!!
is working on a reply...
Write your reply to:
Upload image
Image will be uploaded when post is submitted
Photo Gallery Package
what woulld be the best one for umbraco 7.2?
i can seem to find one.
Hi Arlan,
What gallery do you want? It's not hard to create gallery from Images in media. Good video tutorial how to make gallery with Umbraco -
https://www.youtube.com/watch?v=02S5HH9DVek&html5=1
https://www.youtube.com/watch?v=uGFeUDYXDcQ&html5=1
Thanks, Alex
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...