Diashow von Webseiten (HTML-Diashow)

Question

Ich versuche, Slideshow von dynamisch erstellten Web (HTML) Seiten zu machen. Ich habe es geschafft, zur vorherigen und zur nächsten Seite zu springen, indem ich auf Links klicke oder die Tastatur-Tasten benutze (Links/Rechts-Pfeile). Ich muss nur id = "prev" und id = "next" auf den Link Ich möchte auf der vorherigen oder nächsten Seite sein.

Auch ich benutze jQuery und nachdem jQuery geladen ist, lade ich dieses Skript auch.

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; 
      } 
     } 
    }); 
}); 

Nun ich denke Diashow-Funktion zu machen, es mit oder ohne Tastatur-Unterstützung sein könnte, auch auf einigen Links klicken/Taste wäre in Ordnung.

Zum Beispiel, wenn ein Link/Button angeklickt/gedrückt wird, um die Diashow zu starten, die Verbindung mit ID = "prev" zu öffnen, und wenn die nächste Seite geladen wird, etwa 5 Sekunden zu warten und wieder zu öffnen mit ID = "next" und so weiter.

Ist es möglich, es in das aktuelle Skript oder mit einem anderen Java-Skript einzuschließen?

Answer 1

Gibt es einen Grund, warum Sie so etwas wie reveal.js nicht verwenden?