75 lines
No EOL
2.3 KiB
PHP
75 lines
No EOL
2.3 KiB
PHP
<?php
|
|
include("./Assets/functions.php");
|
|
$config = json_decode(file_get_contents("./Assets/config.json"), true);
|
|
$bdd = connectBDD("localhost", $config["BDD_USER"], $config["BDD_PASSWD"], $config["BDD_NAME"]);
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Mon Diaporama Auto</title>
|
|
<link rel="stylesheet" href="./styles-scripts/diapo.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="controls">
|
|
<button class="btn-control" onclick="toggleFullScreen()" id="fs-btn">Plein écran</button>
|
|
<button class="btn-control btn-quit" onclick="window.location.href='photos.php'">Quitter</button>
|
|
</div>
|
|
|
|
<div class="slideshow-container">
|
|
<?php
|
|
$images = getEventImages($bdd, $_GET['event']);
|
|
foreach($images as $image): ?>
|
|
<div class="slide fade">
|
|
<img src="<?php echo $image["chemin"]; ?>" alt="Diapo">
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<script>
|
|
let slideIndex = 0;
|
|
const intervalTime = 5000;
|
|
|
|
function showSlides() {
|
|
let slides = document.getElementsByClassName("slide");
|
|
if (slides.length === 0) return; // Sécurité si aucune image
|
|
|
|
for (let i = 0; i < slides.length; i++) {
|
|
slides[i].style.display = "none";
|
|
}
|
|
|
|
slideIndex++;
|
|
if (slideIndex > slides.length) { slideIndex = 1 }
|
|
|
|
slides[slideIndex-1].style.display = "block";
|
|
setTimeout(showSlides, intervalTime);
|
|
}
|
|
|
|
// Fonction Plein Écran
|
|
function toggleFullScreen() {
|
|
if (!document.fullscreenElement) {
|
|
document.documentElement.requestFullscreen().catch(err => {
|
|
alert(`Erreur : ${err.message}`);
|
|
});
|
|
document.getElementById('fs-btn').textContent = "Quitter plein écran";
|
|
} else {
|
|
if (document.exitFullscreen) {
|
|
document.exitFullscreen();
|
|
document.getElementById('fs-btn').textContent = "Plein écran";
|
|
}
|
|
}
|
|
}
|
|
|
|
// Écouter le changement de plein écran (touche Échap par exemple)
|
|
document.addEventListener('fullscreenchange', () => {
|
|
const btn = document.getElementById('fs-btn');
|
|
if (!document.fullscreenElement) {
|
|
btn.textContent = "Plein écran";
|
|
}
|
|
});
|
|
|
|
window.onload = showSlides;
|
|
</script>
|
|
</body>
|
|
</html>
|