Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

[Résolu] Aide (smarty) sur ma boucle {Gallery}
#48

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>

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 Sad c'est la que je ne vois pas comment faire, il faudrait que j'ajoute en js le commentaire.

Merci
Sujet fermé


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)