Display images from media folders

Questions
1

Hi all, I am trying to render one image from each media folder (when the parent folder is selected) the structure is like this

Gallery Folder

  • sub folder
    • img
  • sub folder
    • img
    • img

I’ve made a little progress with the below, but it only renders images when a sub folder is selected, does anyone know how I could tweak this to display one image from each folder when the parent is selected please?

@inherits umbraco.MacroEngines.DynamicNodeContext
@using umbraco.cms.businesslogic.media;


<ul class="image-gallery">
@{    
var mediaPicker = @Model.imageGallery;
	if (!String.IsNullOrEmpty(mediaPicker))    {
		int folderId = Convert.ToInt32(mediaPicker);
		var mediaFolder = new Media(folderId);

		if (mediaFolder.ChildCount > 0)        {
			IEnumerable<Media> Folder = mediaFolder.GetChildMedia().Where(x => x.ContentType.Alias == "Image");
			foreach (var img in Folder)           {             
					  <li>
						  <a href="#">
						  		<img src="/[email protected]("umbracoFile").Value&width=200&height=140" alt="" />
						  </a>
						  
					  </li> 
						
			}
		}
   }
}
</ul>

Hopefully that makes sense!

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/44010-display-images-from-media-folders