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.