我是新手。我只根据我在互联网上找到的东西工作。
我有一个图片库([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>