Displaying images from child pages

Hello,

How can I display images from children pages?  Each child page has an image path of a, "/content/training/reporters/childpagename/jcr:content/left/bio/image /" along with the property name fileReference and value /content/dam/news/bios/john.jpg. Below is an iterator example displaying hyperlinks from those child pages. I'm trying to display images on the line called <img src="display fileReference value here" />. Any ideas?

## Iterator example ##

if (parentPage != null) {

             Iterator<Page> children = parentPage.listChildren(new PageFilter(request));

          %><ul><%

             while (children.hasNext()) { %>

                 <li>

                  <img src="sling code to display fileReference value here?" />

                    <ahref="<%=child.getPath() %>.html">

                    <%= StringEscapeUtils.escapeXml(child.getTitle())%></a>

                </li>

       <% }

          %></ul><%

          }

  %>