ウェブページのスライドショー（htmlスライドショー）

Question

動的に作成されたウェブ（html）ページのスライドショーを作成しようとしています。私は、リンクをクリックするかキーボードボタン（左/右矢印）を使用して前後のページを閲覧することができました。私はid = "prev"とid = "next"をリンク上に置く必要があります。前のページまたは次のページにリンクしたいと思っています。

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

はまた、私はjQueryのを使用するとjQueryがロードされた後、私はあまりにもこのスクリプトをロードします。

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

さて、私はあまりにもスライドショー機能を作るために考えています、それはさらにいくつかのリンク/ボタンをクリックすると、罰金になり、キーボードのサポートの有無にかかわらずである可能性があります。

たとえば、スライドショーを開始するためにリンク/ボタンをクリック/押下した場合、id = "prev"のリンクを開き、次のページがロードされて約5秒間待ってからid = "次へ"など。

現在のスクリプトまたは他のJavaスクリプトに含めることは可能ですか？

Answer 1

reveal.jsのようなものを使用しない理由はありますか？