title: Play! framework 2.0: How to display multiple image?
body: <p>I need to display a gallery of photos.
  So here is my template:</p>
  
  <pre><code>@(photos: List[Photo])
  
  @title = {
    &lt;bold&gt;Gallery&lt;/bold&gt;
  }
  
  @main(title,"photo"){
      &lt;ul class="thumbnails"&gt;
      @for(photo &lt;- photos) {
          &lt;li class="span3"&gt;
              &lt;a href="#" class="thumbnail"&gt;
                  &lt;img src="@photo.path" alt=""&gt;
              &lt;/a&gt;
          &lt;/li&gt;
      }
      &lt;/ul&gt;
  }
  </code></pre>
  
  <p>And here is my controller method:</p>
  
  <pre><code>public static Result getPhotos() {
      return ok(views.html.photo.gallery.render(Photo.get()));
  }
  </code></pre>
  
  <p>And here is my Photo bean :</p>
  
  <pre><code>    @Entity
      public class Photo extends Model {
  
  @Id
  public Long id;
  
  @Required
  public String label;
  
  public String path;
  
  public Photo(String path, String label) {
      this.path = path;
      this.label = label;
  }
  
  private static Finder&lt;Long, Photo&gt; find = new Finder&lt;Long, Photo&gt;(
          Long.class, Photo.class);
  
  public static List&lt;Photo&gt; get() {
      return find.all();
  }
  
  public static Photo get(Long id) {
      return find.byId(id);
  }
  
  public static void create(Photo photo) {
      photo.save();
  }
  
  public static void delete(Long id) {
      find.ref(id).delete();
  }
  
      }
  </code></pre>
  
  <p>I put the photo absolute path in src attribute of img node, but doesn't work.
  What is the best way to achieve this ?</p>
  
  <p>PS: Image are located outside the play application.</p>