オープンボックスモーダル時に画像の下にalt属性を表示したい

Question

私は画像の下にalt属性を表示したいときは、モーダルを開いて、mysqlから画像を呼び出します。
PHPコード：

while ($row = mysqli_fetch_array($result)) { 
    <img id="'.$row['id'].'" data-toggle="modal" data-target="#myModal2" 
    alt='.$row['caption'].' src = "data:image;base64,'.$row['image'].'" 
    style="width:100%"> 
    <h5 data-toggle="modal" data-target="#myModal2">'.$row['caption'].'</h5> 

HTMLコード：

<div id="myModal2" class="modal fade" role="dialog"> 
<span id="close" data-dismiss="modal">&times;</span> 
    <div class="modal-content"> 
    <img class="img-responsive " src=""/> 
    </div> 
    </div> 

のJavaScriptコード：あなたのモーダルの内側例p要素に作成し、テキストを追加するtext()機能を使用することができます

$(document).ready(function() { 
    $('#myModal2').on('show.bs.modal', function (e) { 
     var image = $(e.relatedTarget).attr('src'); 
     $(".img-responsive").attr("src",image); 
    }); 
    }); 

Answer 1

その要素にはaltという属性があります。

HTML：

<div id="myModal2" class="modal fade" role="dialog"> 
<span id="close" data-dismiss="modal">&times;</span> 
    <div class="modal-content"> 
    <img class="img-responsive " src=""/> 
    <p></p> 
    </div> 
</div> 

JS：これはあなたの実際のコードが見えないか場合は、最初のPHPコードのブロックに `echo`を使用していない

$(document).ready(function() { 
    $('#myModal2').on('show.bs.modal', function (e) { 
    var image = $(e.relatedTarget).attr('src'); 
    $(".img-responsive").attr("src",image); 
    $("#myModal2 p").text($(e.relatedTarget).attr('alt')); 
    }); 
});