Question

根据数据库表行。我的页面将填充多行（当前为32行）每行都有一个图像。我在每行的nd创建了一个按钮/链接。我需要一个弹出窗口（#modal）来显示从数据库中获取的图像。单击按钮时。

我希望使用id传递从数据库表中获取的特定图像（单击链接时给出的id）并在弹出窗口的图像标签下显示。任何出路？我有我的代码，我需要使用一个模态来显示各种图像;按时取货??我很困惑。但我知道有出路。如果我不清楚，我很抱歉。

＆＃13;

// there will be many links depending on the no. of rows in database
      <a href="#checkImage" data-toggle="modal">  Image </a>





<div class="modal fade" id="checkImage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="color:black;" id="myModalLabel">Reset Password</h4>
      </div>
      <div class="modal-body" style="color:black;">
        
        <h1>Your Image</h1>
        
        <img src=#fetchedImageFromDB>
        
      </div>
      
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       
      </div>
    </div>
  </div>
</div>

＆＃13;

Answer 1

您可以将另一个data attribute用于您的主播。

<a href="#checkImage" data-toggle="modal" data-myimage="imageurl.jpg">  Image </a>

然后，在你的模态中，获取“myimage”（不使用大写字符以避免兼容性问题）值并将其放入模态中。您的Javascript库应该可以帮助您。

它应该有用......

如何使用单个模态显示多个图像

1 个答案: