如何在php mysql库中实现fancybox,gallery是从upload文件夹的路径

时间:2017-01-25 14:57:02

标签: php jquery css mysql

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

2 个答案:

答案 0 :(得分:0)

在文档中包含所有库: 将部分代码更改为以下

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

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

答案 1 :(得分:0)

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

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

看到额外的空间?

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