Php 在模式中打开动态图像(弹出)

Php 在模式中打开动态图像(弹出),php,jquery,mysql,twitter-bootstrap,Php,Jquery,Mysql,Twitter Bootstrap,我正在从MySQL列表中检索图像源的路径。我想在引导模式下打开此图像预览,但它没有获得正确的图像 以下是我的PHP代码: $sql="SELECT * FROM `dirf1` WHERE `root` = '$root' AND `pId` = '$pid' ORDER BY fileType"; $result_set=mysqli_query($GLOBALS["___mysqli_ston"], $sql); while($row=mysqli_fetch_ar

我正在从MySQL列表中检索图像源的路径。我想在引导模式下打开此图像预览,但它没有获得正确的图像

以下是我的PHP代码:

$sql="SELECT * FROM  `dirf1` WHERE  `root` =  '$root' AND  `pId` =  '$pid' ORDER BY fileType";
    $result_set=mysqli_query($GLOBALS["___mysqli_ston"], $sql);
    while($row=mysqli_fetch_array($result_set))
    {
              <td><a href="f/'.$row['fileName'].'"><?php echo $link; ?><i style="font-size:22px; color:#FF9900;"></i> &emsp; <?php echo $row['fileName'] ?></a></td>
}
以下是我的引导模式代码:

<!-- Modal image preview  -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title" align="center">Image</h4>
        </div>
        <div class="modal-body">
        <img src="f/<?php echo $showName; ?>" height="100%" width="100%" >
        </div>
        <div class="modal-footer">
        </div>
      </div>

    </div>
  </div> <!-- modal image preview  end -->

如何在引导模式中打开动态图像?

正如我在笔记中反复提到的,您不需要任何其他javascript来弹出模式。你完全正确。但是,如果您希望将动态内容插入到模式中,那么我是对的,您确实需要某种外部控制。如果您按照引导文档的链接进行操作,您会看到如下内容:

/**** *当显示模式时,我想获取我的动态内容。 *在这种情况下,动态内容是一个数据属性 *以及单击的LI元素的实际文本内容。 * *我将获取该内容,并使用它填充我的模型 *动态地。这样,我就有了一个带有内容的单一模式弹出窗口 *来自任何数量的来源。唯一的要求是 *触发元素有一个数据属性和一些 *文本内容的排序。 *所有这些都是在我的情态触发它的表演时发生的 *事件,因此它将在显示模式之前发生。 ****/ $'myModal'。在'show.bs.modal'上,函数事件{ //触发模态分析的元素 var liEl=$event.relatedTarget; //从data-*属性和元素本身提取信息。 var接收人=liEl.数据“无论什么”; var textContent=liEl.text; //如有必要,您可以在这里发起AJAX请求 //然后在回调中进行更新。 //更新模态的内容。我们将在此处使用jQuery,但您可以 //请改用数据绑定库或其他方法。 var modal=$this; //更新模态对话框的动态部分。 modal.find'.modal title'.text'发送给'+收件人的新邮件; modal.find'.modal body textarea[name=message body]'.textcontent; }; .js我的模态控制{ 宽度:300px; } .js我的模态控制李{ 光标:指针; } .js我的模态控制李:悬停{ 背景色:ccc; } .模态文本区{ 宽度:100%; } 克拉斯胡斯托奥迪奥酒店 Dapibus ac设施处于关闭状态 莫比利奥·里索斯 交流门 爱神前庭 &时代; 情态标题 关 保存更改
你能帮忙吗?如果它没有得到正确的图像名称,那么前端帮助根本没有帮助。在这种情况下,您的SQL或PHP中都有错误。它在表中回显了正确的名称,但在模态中只显示第一个结果。查询工作正常。你能检查一下这个代码吗@SnowmonkeySo当用户从给定的td元素中选择图像时,您希望有一个显示图像的模式?在这种情况下,弹出模式的javascript是什么?我使用的是bootstrap的默认模式,它不需要任何外部javascript代码@我为我的回答中有点讽刺而道歉,但我真的很高兴它起作用了;