Toque! framework 2.0: Como exibir múltiplas imagens?

Eu preciso mostrar uma galeria de fotos. Então aqui está o meu modelo:

@(photos: List[Photo])

@title = {
  <bold>Gallery</bold>
}

@main(title,"photo"){
    <ul class="thumbnails">
    @for(photo <- photos) {
        <li class="span3">
            <a href="#" class="thumbnail">
                <img src="@photo.path" alt="">
            </a>
        </li>
    }
    </ul>
}

E aqui está o meu método de controle:

public static Result getPhotos() {
    return ok(views.html.photo.gallery.render(Photo.get()));
}

E aqui está meu bean de foto:

    @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<Long, Photo> find = new Finder<Long, Photo>(
        Long.class, Photo.class);

public static List<Photo> 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();
}

    }

Eu coloquei o caminho absoluto da foto no atributo src do img node, mas não funciona. Qual a melhor maneira de alcançar isto ?

PS: A imagem está localizada fora do aplicativo de reprodução.

questionAnswers(1)

yourAnswerToTheQuestion