vCarousel/src/example.js

"use strict";
exports.__esModule = true;
/// Exemple d'utilisation simple de vCarousel avec 3 vidéos
var vCarousel_1 = require("./vCarousel");
try {
    // Liste des id des contenants des vidéos à faire tourner : 
    var videosContainers_1 = ["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_1.vCarousel(videosContainers_1, window.location.hash.replace("#", ""));
    else
        vCarousel_1.vCarousel(videosContainers_1); // 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 :
    var selectLinks = document.querySelectorAll(".selectVideo");
    var _loop_1 = function (i) {
        var link = selectLinks[i];
        link.addEventListener("click", function (e) {
            vCarousel_1.vCarousel(videosContainers_1, link.hash.replace("#", ""));
        });
    };
    for (var i = 0; i < selectLinks.length; i++) {
        _loop_1(i);
    }
}
catch (e) {
    console.error(e);
}