0
次のコードは、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を作成して修正するか、コンソールからエラー情報を表示できますか? –