如何在php mysql画廊中实现fancybox，画廊是上传文件夹的路径答案

【问题标题】：how to implement fancybox in php mysql gallery, gallery is path from upload folder如何在php mysql画廊中实现fancybox，画廊是上传文件夹的路径
【发布时间】：2017-06-10 19:38:15
【问题描述】：

我用 php 和 mysql 数据库制作了一个画廊。从上传文件夹的路径中获取图库。一切正常，但是当尝试实现 fancybox 时，它不会使用默认的 fancybox 类。

这是我没有href标签的代码

<?php
    mysql_connect("localhost", "root", "") or
    die("Could not connect: " . mysql_error());
    mysql_select_db("mosornew");
    $id = isset($_GET['cid']) ? $_GET['cid'] : '';
    $res = mysql_query("SELECT * FROM galerijaslika WHERE cid='$id'");
?>

<?php while ($row = mysql_fetch_array($res)) {?>
        <img src=" <?php echo $row['pic_path'];?> " style="width: 225px; height: 180px; margin-bottom: 5px"/>
        <?php
    }
?>

我的问题是如何实现 fancybox 以使用这一行

<img src=" <?php echo $row['pic_path'];?> " style="width: 225px; height: 180px; margin-bottom: 5px"/>

我正在尝试关注fancybox documentation，但图片不会为我弹出。

【问题讨论】：

标签： php jquery css mysql

【解决方案1】：

包括文档中提及的所有库：将您的代码更改为以下部分

    <?php
    mysql_connect("localhost", "root", "") or
    die("Could not connect: " . mysql_error());
    mysql_select_db("mosornew");
    $id = isset($_GET['cid']) ? $_GET['cid'] : '';
    $res = mysql_query("SELECT * FROM galerijaslika WHERE cid='$id'");
    ?>

    <?php while ($row = mysql_fetch_array($res)) {?>
<a class="fancybox" rel="group" href="<?php echo $row['pic_path'];?>"><img src="<?php echo $row['pic_path'];?>" alt="Image not found!" /></a>
        <?php
    }
    ?>

并将这个 javascript 函数添加到您的页面

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});

如果您正确包含所有库，那么我相信它会起作用

【讨论】：

HI Dani 感谢您的快速回答我已经尝试过您写的这个但它不会在fancybox 弹出窗口中打开图片从文件夹上传打开它与dreamatico.com/data_images/mountain/mountain-5.jpg 一样打开但在地址栏中显示图片的路径是
我再次检查所有内容，删除一个添加库。尝试删除 javascript 尝试单击图片的行为与 javascript 相同，并获得与我在之前的按摩中发送的链接相同的结果

【解决方案2】：

您应该提供 HTML 输出，而不是 PHP 代码。我怀疑问题出在您的链接上 -

src=" <?php echo $row['pic_path'];?> "

看到多余的空格了吗？

您的代码输出可能类似于src=" image.jpg "，但应该类似于src="image.jpg"。

【讨论】：