откройте fancyBox из PHP с информацией из mysql

Я новичок во всем этом. Я работаю только из того, что нашел в интернете.

У меня есть галерея изображений ([http://adau.ga/peisaje.php] ) witch, true php отображает информацию из базы данных mysql.
Это мой .php файл scrips:

<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="https://web-answers.ru/wp-content/uploads/2019/03/'.$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 в MySQL

0

Решение

Я нашел решение:

<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="https://web-answers.ru/wp-content/uploads/2019/03/'.$img.'" height="150" width="150" alt="" /></a>';
}
}
catch(PDOException $e) {
die("Conectare imposibila: " . $e->getMessage());
}
?>
</body>
</html>
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]