05/01/2015, 14:26:41
Bonjour,
Je me demande comment faire pour pouvoir afficher les commentaires d'images sur la fenêtre qui s'ouvre avec l'image sélectionnée , j'arrive bien à les faire s'afficher avec {$image->comment} mais uniquement sous le titre ;(
Mon but est de les placer dans un <p></p> dans ce bloc :
<div class="modal-body ">
<p> le commentaire d'image </p>
</div>
Surement un problème avec la boucle.
ou Jquery
$('.modal-body').empty();
Efface à chaque clique ce qui se trouve à l'interieur de la class modal-body c'est la que je ne vois pas comment faire, il faudrait que j'ajoute en js le commentaire.
Merci
Je me demande comment faire pour pouvoir afficher les commentaires d'images sur la fenêtre qui s'ouvre avec l'image sélectionnée , j'arrive bien à les faire s'afficher avec {$image->comment} mais uniquement sous le titre ;(
Mon but est de les placer dans un <p></p> dans ce bloc :
<div class="modal-body ">
<p> le commentaire d'image </p>
</div>
Code :
[== HTML ==]
{* affichage des images de la galerie *}
<div class="row">{foreach from=$images item=image}
<div class="col-md-4 col-sm-6"><a href="lolo#myModal" title="{$image->titlename}"><img src="{$image->file|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" class="thumbnail img-responsive" /></a>
</div>
{/foreach}
</div>
{* la fenetre modal qui s'ouvre avec son image *}
<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">X</button>
<h3 class="modal-title">Heading</h3>
</div>
<div class="modal-body ">
{* c'est ici que je souhaite avoir le commentaire *}
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Surement un problème avec la boucle.
ou Jquery
Code :
[== JavaScript ==]
$(document).ready(function() {
$('.thumbnail').click(function(){
$('.modal-body').empty();
var title = $(this).parent('a').attr("title");
$('.modal-title').html(title);
$($(this).parents('div').html()).appendTo('.modal-body');
$('#myModal').modal({show:true});
});
});
$('.modal-body').empty();
Efface à chaque clique ce qui se trouve à l'interieur de la class modal-body c'est la que je ne vois pas comment faire, il faudrait que j'ajoute en js le commentaire.
Merci