Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Rasmus Fjord 675 posts 1566 karma points c-trib
    Oct 31, 2011 @ 15:44
    Rasmus Fjord
    0

    simple gallery using standard media picker razor

    Hey there

    Im new to the umbraco platform :)

    What im tryin to do is just using the standard media picker on a page where instead of selecting a single image(tried that and it working quickly).

    So in the media picker im just picking a media folder instead, and I just want to print out the images through Razor.

    @{
        var mediaItems = Model.Media.galleryItem;

        foreach (var item in mediaItems)
        {

            <img src="@item.UmbracoFile" />
        }
    }

    "galleryItem" is the alias for the media picker.

    Anyone got a quick comment for it :)

    Copy Link

  • Comment author was deleted

    Oct 31, 2011 @ 16:00

    Here is a quick example, it will output a single image if a single image is choses or all images if a folder is chosen

    @inherits umbraco.MacroEngines.DynamicNodeContext

    @{ var numberOfItems = 10; }
    <ul>
        @foreach (var item in @Model.Children.Where("Visible").OrderBy("UpdateDate").Take(numberOfItems))
        {
            <li>@item.Name
            if(item.HasValue("fileFromMedia")){
            var chosenMedia = Model.MediaById(item.fileFromMedia);
            
            @if(chosenMedia.NodeTypeAlias == "Image")
            {
              <p>Single Image</p>
               <img src="@item.Media("fileFromMedia","umbracoFile")" width="200" />
            }
            else if(chosenMedia.NodeTypeAlias == "Folder")
            {
              <p>Image gallery</p>
              foreach(var img in chosenMedia.Children)
              {
                <img src="@img.umbracoFile" width="200" />
              }
            }
            
      }else{
        <p>No image</p>
      }
      </li>       
        }
    </ul>
    Copy Link
  • Rasmus Fjord 675 posts 1566 karma points c-trib
    Oct 31, 2011 @ 16:02
    Rasmus Fjord
    0

     Thumbs up Tim :)

     

    First time im getting to use it after the course :)

    Copy Link
  • Jeroen Breuer 4908 posts 12265 karma points MVP 5x admin c-trib
    Oct 31, 2011 @ 16:10
    Jeroen Breuer
    0

    Hi Rasmus,

    Instead of selecting a folder you could also use the Digibiz Advanced Media Picker. There you can select multiple images. Here is a quick demo: http://www.screenr.com/gz0s.

    Jeroen

    Copy Link
  • Rasmus Fjord 675 posts 1566 karma points c-trib
    Oct 31, 2011 @ 16:32
    Rasmus Fjord
    0

    Thx Jeroen :) 

    Always nice to know their are other choices aswell :) For this small project this should be enough

    Copy Link
  • Amir Khan 1282 posts 2739 karma points
    Feb 06, 2012 @ 21:05
    Amir Khan
    0

    So for some reason when I try the above i get "The name 'ChosenMedia' does not exist in the current context"..Any idea why?

     

    Thanks!

    Amir

    Copy Link
  • Rasmus Fjord 675 posts 1566 karma points c-trib
    Feb 15, 2012 @ 13:15
    Rasmus Fjord
    0

    Ey Amir


    Sorry for not gettin back to ya, dunno if you have gotten it to work but try this, its a simpler version, if not pls post your razor to me :)

    @{ 
         var  chosenMedia  =  Model.MediaById(@Parameter.nodeSelector);

         if  (chosenMedia.NodeTypeAlias  ==  "Folder")
         {
             foreach  (var  img  in  chosenMedia.Children)
             {
                 if  (img.NodeTypeAlias  ==  "Image")
                 {
                             
                     <img  src="@img.umbracoFile"/>
                
                 }
             }
         } 
    }

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft