php - 我无法在 fancybox-3 上预览缩略图

Question

<?php 
// Include database configuration file  
// Retrieve images from the database 
$query = $DB->query("SELECT * FROM images ORDER BY uploaded_date DESC"); 
    if(!$query) {
        trigger_error("Invalid query: " . $DB->error);
    }
if($query->num_rows > 0){ 
    while($row = $query->fetch_assoc()){ 
        $imageURL = '../phpgallery/'.$row["path"]; 
?>
    <a href="<?php echo $imageURL; ?>" data-fancybox="gallery" data-caption="<?php echo $row["title"]; ?>">
    <img src="<?php echo $imageURL; ?>" alt="" width="300"/>
</a>
<?php } 
} ?>

这是获取图像的地方。我没有更小的缩略图图像，我不想这样做。

    <script type="text/javascript">
        $('[data-fancybox="gallery"]').fancybox({
            // Options will go here
            arrows: true,
            loop: true,
            wheel: "auto",
            protect: true,
            buttons : [ 
                'zoom',
                'fullScreen',
                'close'
            ]
        });

一些图像被拉伸以填充屏幕的宽度。

网站上有两个拉伸图像，小于 2gb。下一个与它下面的图像重叠。

（现在，循环和保护不起作用）

标签： phphtmljqueryfancybox