Umbraco, razor and image gallery - razor

Question

I am new to Umbraco. I am creating an image gallery (called Customers). A Customer has a logo, which is an image.
How do I create a razor macro that outputs a list of customer logos?
I am after the cshtml code, probably something like this:
#inherits umbraco.MacroEngines.DynamicNodeContext
#foreach (var customer in Content.Customers) {
<img src="#customer.logo.umbracoFile" alt="#customer.Name"/>
}
Thanks in advance!

Answer 1

I'm assuming the script executes on the Customers page, and that the content type containing log and url is called Customer:
#foreach(var customer in Model.Customer)
{
<img src="#customer.Media("logo", "umbracoFile")" alt="#customer.Name"/>
}
Model.Customer will give you a list of all children of the current page which are Customers (content type).

Answer 2

Here is the code that works
#inherits umbraco.MacroEngines.DynamicNodeContext
#foreach (var customer in Model.NodeById(1062).Children) {
<img src="#umbraco.IO.IOHelper.ResolveUrl(customer.logo)" alt="#customer.Name"/>
}

Answer 3

for using a dynamic location (macro parameters), you could do two things:
1. setting this in your root document so the user can change the customer slider location (if you would like that):
var RootNode = #Model.NodeById(#Model.AncestorOrSelf(1).HeaderRoot);
Where HeaderRoot is the name of a property on your starting file (root)
2. Using a parameter on your razor script
var rootNode = #Parameter.RootNode;
and use it something like:
#Model.NodeById(rootNode).Children();
so in your code, it would look something like this (not tested):
#inherits umbraco.MacroEngines.DynamicNodeContext
#{ var rootNode = #Parameter.RootNode;}
#foreach (var customer in Model.NodeById(rootNode).Children()) {
<img src="#umbraco.IO.IOHelper.ResolveUrl(customer.logo)" alt="#customer.Name"/>
}