28 lines
982 B
TypeScript
28 lines
982 B
TypeScript
/// Exemple d'utilisation de vCarousel avec 3 vidéos
|
|
import { vCarousel } from "./vCarousel";
|
|
|
|
try
|
|
{
|
|
// Liste des id des contenants des vidéos à afficher :
|
|
const videosContainers=["vFunanbule", "vForgeron", "vCircuit"];
|
|
// Si un id est fourni par l'url, on affiche cette vidéo en premier :
|
|
if(window.location.hash!==undefined)
|
|
vCarousel(videosContainers, window.location.hash.replace("#",""));
|
|
else
|
|
vCarousel(videosContainers);// le deuxième paramètre est facultatif
|
|
|
|
// Dans le cas où l'utilisateur clique pour sélectionner une vidéo à afficher, on actualise l'affichage :
|
|
let selectLinks=document.querySelectorAll(".selectVideo");
|
|
for (let i = 0; i < selectLinks.length; i++)
|
|
{
|
|
let link=<HTMLAnchorElement>selectLinks[i];
|
|
link.addEventListener("click", function(e)
|
|
{
|
|
vCarousel(videosContainers, link.hash.replace("#",""));
|
|
});
|
|
}
|
|
}
|
|
catch(e)
|
|
{
|
|
console.error(e);
|
|
} |