网页中图像的灯箱模式答案

【问题标题】：light box modal for images in a web page网页中图像的灯箱模式
【发布时间】：2016-09-24 07:50:37
【问题描述】：

以下代码是检索 3 张图像并显示在一个表格中！我已经导入了必要的 jquery 库和 css 脚本来实现灯箱模式！

            <?php
                require("includes/db.php");

                $sql="SELECT * FROM `order` ";
                $result=mysqli_query($db,$sql);
    echo"<head>";
    echo"<link rel='stylesheet' href='lightbox.css'>";
    echo"<script type='text/javascript' src='lightbox.min.js'>";
    echo"</script>";
    echo"</head>";

    echo "<body bgcolor=#E6E6FA>";
    echo "<table border=1 cellspacing=0 cellpadding=4 > " ;
while($row=mysqli_fetch_array($result))
{
  echo '<a href='.( $row['Image1'] ).'  data-lightbox="gallery"  >';
   echo "<img src='" .$row['Image1']. "' height='200' width='200'/>";
    echo "</a>";


    echo "<br>";
     echo"</td>";
    echo"<td align=center >";


    if($row['Image2']=="No copy"){
        echo "No copy";
    }
    else{
     echo '<a href='.( $row['Image2'] ).' data-lightbox="gallery" >';
   echo "<img src='" . $row['Image2'] . "' height='200' width='200'/>";
    }
    echo "</a>";


    echo "<br>";
     echo"</td>";
      echo"<td align=center >";

  if($row['Image3']=="No copy"){
        echo "No copy";
    }
    else{
     echo '<a href='.( $row['Image3'] ).'  data-lightbox="gallery"  >';
   echo "<img src='" . $row['Image3'] . "' height='200' width='200'/>";
    }
   echo "</a>";


    echo "<br>";


     echo"</tr>";

}
echo "</table>";

   ?>

上面的代码不起作用请帮助我！我需要如何更正代码？我在开发人员工具中收到以下错误！

lightbox.min.js:12 Uncaught TypeError: a is not a function
http://localhost/project1/test/images/close.png Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost/project1/test/images/prev.png Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost/project1/test/images/next.png Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost/project1/test/images/loading.gif Failed to load resource: the server responded with a status of 404 (Not Found)

【问题讨论】：

使用 lightbox.js 以便提供有关错误的完整详细信息，缩小的文件不会提供完整的错误消息。
修正错误但灯箱模型方法未实现
你可以创建一个js fiddle然后我会更正它，或者你可以从控制台提供一些错误信息吗？
现在没有错误，但是当我单击图像时，它只是放大到另一个页面，就好像尚未导入 lightbox.js 功能一样！我认为在实现导入的文件时有些问题
youtu.be/IPVQeVlw2_E，但它是完整的 html

标签： php jquery html image lightbox

【解决方案1】：

问题出在第 12 行的 lightbox.min.js 文件中，而不是此 PHP 代码中。

【讨论】：

所以我是直接从网上得到的，所以不会有问题吧？