Diaporama de pages Web (diaporama html)

Question

J'essaie de créer un diaporama de pages Web (html) créées dynamiquement. J'ai réussi à naviguer vers la page précédente et la page suivante en cliquant sur les liens ou en utilisant les boutons du clavier (flèches gauche/droite). J'ai juste besoin de mettre id = "prev" et id = "next" sur le lien que je souhaite être à la page précédente ou suivante.

<a id="prev" href="/dynamic-prev-link-here">prev</a> 
<a id="next" href="/dynamic-next-link-here">next</a> 

De même que j'utilise jQuery et que jQuery est chargé, je charge aussi ce script.

jQuery(function($) { 
    var keymap = {}; 

    // LEFT 
    keymap[ 37 ] = "#prev"; 
    // RIGHT 
    keymap[ 39 ] = "#next"; 

    $(document).on("keyup", function(event) { 
     var href, 
      selector = keymap[ event.which ]; 
     // if the key pressed was in our map, check for the href 
     if (selector) { 
      href = $(selector).attr("href"); 
      if (href) { 
       // navigate where the link points 
       window.location = href; 
      } 
     } 
    }); 
}); 

Maintenant, je pense à faire fonction diaporama aussi, il pourrait être avec ou sans support du clavier, même cliquer sur un lien/bouton serait bien. Par exemple, quand un lien/bouton est cliqué/pressé pour démarrer le diaporama, ouvrir le lien avec id = "prev", et quand la page suivante est chargée pour attendre environ 5 secondes et pour ouvrir à nouveau link avec id = "next", et ainsi de suite.

Est-il possible de l'inclure dans un script courant ou avec un autre script java?

Answer 1

Y a-t-il une raison pour laquelle vous n'utilisez pas quelque chose comme reveal.js?