PHPの値をブートストラップモーダルに渡しますか？

Question

私は写真のリストを持っています。写真をクリックすると、その写真と一緒にモーダルを表示したいと思います。ですから、写真のphp値（fotoまたはid_fotografia）をモーダルに渡したいと思います。

写真のリスニングのためのコードは次のとおりです。

<?php 
$query=mysqli_query($db,"select id_fotografia, foto, id_album from fotografias order by id_fotografia DESC limit 10"); 
while($cat=mysqli_fetch_assoc($query)){?> 
    <div class="col-md-6"> 
     <div class="portfolio-item"> 
     <a data-toggle="modal" data-target="#myModal" data-id="<?php echo $cat['id_fotografia']; ?>"> 
      <img class="img-portfolio img-responsive" src="<?php echo $cat['foto']; ?>"> 
     </a> 
     </div> 
    </div> 
<?php } ?> 

モーダルのためのコードは次のとおりです。

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
      <img src="//want the same photo appears here" class="img-responsive"> 
      </div> 
     </div> 
    </div> 
</div> 

感謝の。

Answer 1

aタグをに変更してください。

<a data-toggle="modal" data-target="#myModal" data-img="<?php echo $cat['foto']; ?>"> 

いくつかのjavascriptを追加する必要があります。

$('#myModal').on('show.bs.modal', function (event) { 
    var button = $(event.relatedTarget); 
    var img = button.data('img'); 
    var modal = $(this); 
    modal.find('img').attr('src', img); 
})