php - 如何在php mysql gallery中实现fancybox，gallery是上传文件夹的路径

Question

我用 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但是图片不会为我弹出。

Answer 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();
});

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