Bonsoir,
J'ai une liste d'images avec un lien à chaque image
Je shunte le lien pour passer en js pour avoir l'image dans une modal.
J'obtiens bien la référence de l'image (line_reference) mais n'arrive pas à l'inégrer dans mon modal
Ligne de mon tableau
Mon modal
Mon code js
Merci d'avance pour votre aide
J'ai une liste d'images avec un lien à chaque image
Je shunte le lien pour passer en js pour avoir l'image dans une modal.
J'obtiens bien la référence de l'image (line_reference) mais n'arrive pas à l'inégrer dans mon modal
Ligne de mon tableau
<a class="btn imageView" id="<?= $image->reference; ?>" href=""><img class="my-icon" src="/librairies/icones/view.gif"></a>
Mon modal
<div class="modal fade" id="imageViewModal" role="dialog">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-center"><?= $image->reference; ?></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p><img class="my_img_search" src=""></p>
</div>
</div>
</div>
</div>
Mon code js
/*!!! VOIR UNE IMAGE DE SEARCH EN MODAL!!!*/
$(document).ready(function(){
$(".imageView").click(function(e){
e.preventDefault();
var _self = $(this);
var line_reference = _self.attr("id");
$(".modal-title").innerHTML = line_reference;
//$(".modal-body img").attr("src", line_reference);
$(".modal-body img").attr("src", line_reference);
$("#imageViewModal").modal("show");
});
//FIN FONCTION
});
Merci d'avance pour votre aide