从PHP打开fancyBox,其中包含来自mysql的信息


open fancyBox from PHP with informations from mysql

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

我有一个图片库([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 来仅显示 mysql 中id_category = 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>