使用来自 mysql 的信息从 PHP 打开 fancyBox

Question

我是新手。我只根据我在互联网上找到的东西工作。

我有一个图片库 ( [http://adau.ga/peisaje.php] ) ，真实 php 显示来自 mysql 数据库的信息。这是我的 .php 文件脚本：

<html>
<head>
    <title>Peisaje</title>
    <a href="#portfolio" onclick="galerie()"><h2>Peisaje</h2></a>
</head>
<body>
<br>
<?php
try {
    include 'http://adau.ga/conect.php';
    $interogare = $cnx->prepare("SELECT * from silvia_poze WHERE id_categorie = 1");
    $interogare->execute();
    foreach ($interogare->fetchAll() as $linie) {
        $img = $linie["poza_mare"];
        $id = $linie["id_produs"];
        $nume = $linie["titlu"];
        echo '<a href="http://adau.ga/element.php?idprod='.$id.' "class=\"buchet_mic\"><img src="images/'.$img.'" height="250" width="250" alt=""/></a>';
    }
}
catch(PDOException $e) {
    die("Conectare imposibila: " . $e->getMessage());
}
?>
</body>
</html>

这设置为打开一个新的 php 文件 (element.php)，其中显示了我需要的信息。

现在，我想在点击图片时使用 fancyBox 简单图库打开它。

我已经导入了脚本，如果我只使用 html ([http://adau.ga/fancy/demo/index.php] )，它就可以工作，但是我需要 fancyBox 来只显示 id_category = 1 中的图片=28=]

Answer 1

我找到了解决方案：

<html>
<head>
    <title>Peisaje</title>

  <!-- Add jQuery library FANCY BOX GALERIE-->
  <script type="text/javascript" src="fancy/lib/jquery-1.10.1.min.js"></script>
  <!-- Add mousewheel plugin (this is optional) -->
  <script type="text/javascript" src="fancy/lib/jquery.mousewheel-3.0.6.pack.js"></script>
  <!-- Add fancyBox main JS and CSS files -->
  <script type="text/javascript" src="fancy/source/jquery.fancybox.js?v=2.1.5"></script>
  <link rel="stylesheet" type="text/css" href="fancy/source/jquery.fancybox.css?v=2.1.5" media="screen" />

  <script type="text/javascript">
   $(document).ready(function() {
    /* *  Simple image gallery. Uses default settings */
    $('.fancybox').fancybox();
   });
  </script>
  <style type="text/css">
   .fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
   }

   body {
    margin: 0 auto;
   }
  </style>

</head>
<body>
    <a href="#portfolio" id="portfolio-link" onclick="galerie()"><h2>Peisaje</h2></a>
<br>
<?php
try {
    include 'conect.php';
    $interogare = $cnx->prepare("SELECT * from silvia_poze WHERE id_categorie = 1");
    $interogare->execute();
    foreach ($interogare->fetchAll() as $linie) {
        $img = $linie["poza_mare"];
        $id = $linie["id_produs"];
        $nume = $linie["titlu"];
        echo '<a class="fancybox" href="/images/'.$img.'" data-fancybox-group="gallery" title="'.$nume.'"><img src="images/'.$img.'" height="150" width="150" alt="" /></a>';
    }
}
catch(PDOException $e) {
    die("Conectare imposibila: " . $e->getMessage());
}
?>
</body>
</html>

使用来自 mysql 的信息从 PHP 打开 fancyBox

open fancyBox from PHP with informations from mysql

php

mysql

fancybox