59 lines
1.5 KiB
JavaScript
59 lines
1.5 KiB
JavaScript
// ===============================
|
|
// Données simulées (à remplacer plus tard par BDD / API)
|
|
// ===============================
|
|
let galleryPairs = [
|
|
{
|
|
id: 1,
|
|
titre: "Petit chien poils longs",
|
|
type: "Chien",
|
|
avant: "../../img/avant1.jpg",
|
|
apres: "../../img/apres1.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
titre: "Coupe ciseaux",
|
|
type: "Chat",
|
|
avant: "../../img/avant2.jpg",
|
|
apres: "../../img/apres2.jpg"
|
|
}
|
|
];
|
|
|
|
// Sélecteurs
|
|
const titleEl = document.getElementById("pairTitle");
|
|
const beforePreview = document.getElementById("beforePreview");
|
|
const afterPreview = document.getElementById("afterPreview");
|
|
const errorMsg = document.getElementById("errorMsg");
|
|
const detailsSection = document.getElementById("detailsSection");
|
|
|
|
// ===============================
|
|
// Récup ID dans l'URL
|
|
// ===============================
|
|
function getIdFromUrl() {
|
|
const params = new URLSearchParams(window.location.search);
|
|
return parseInt(params.get("id"));
|
|
}
|
|
|
|
// ===============================
|
|
// Charger les infos de la paire
|
|
// ===============================
|
|
function loadPairDetails() {
|
|
const id = getIdFromUrl();
|
|
const pair = galleryPairs.find(p => p.id === id);
|
|
|
|
if (!pair) {
|
|
errorMsg.classList.remove("d-none");
|
|
detailsSection.classList.add("d-none");
|
|
return;
|
|
}
|
|
|
|
// Affichage du titre
|
|
titleEl.textContent = pair.titre;
|
|
|
|
// Affichage des images
|
|
beforePreview.src = pair.avant;
|
|
afterPreview.src = pair.apres;
|
|
}
|
|
|
|
// Initialisation
|
|
loadPairDetails();
|