vCarousel/src/example.ts

/// Exemple d'utilisation simple de vCarousel avec 3 vidéos
import { vCarousel } from "./vCarousel";

try
{
    // Liste des id des contenants des vidéos à faire tourner : 
    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 && window.location.hash!=="")
        vCarousel(videosContainers, window.location.hash.replace("#",""));
    else
        vCarousel(videosContainers);// le deuxième paramètre est facultatif, sauf si on souhaite qu'une vidéo autre que la première soit affichée par défaut
    
    // 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);
}