[lolox]

Bon je suis de retour

j'ai donc modifié le gabarit avec ce code :

Code :

[== HTML ==]

    <div class="row">{foreach from=$images item=image}
      <div class="col-md-4 col-sm-6"><a title="{$image->titlename}"><img src="{$image->file|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" class="thumbnail img-responsive" /></a></div>{/foreach}      
    </div>
    
    
    
    


<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">
        
    </div>
    <div class="modal-footer">
        <button class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
   </div>
  </div>
</div>

rentré le code jquery :

Code :

[== JavaScript ==]
$('.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});
});

le truc que je comprends pas mais alors pas du tout, c'est que je dois rendre le lien qui englobe l'image inactif (enlever href="" comme ça >> <a title="Image 1"></a> ) sinon lorsque je clique sur l'image ça me ramène à la page d'accueil du site.

Sinon ça fonctionne mais j'ai plus le lien réactif ;(

Voyez-vous pourquoi ?