當用戶按下右箭頭鍵時，如何獲得jquery幻燈片，以轉到下一張幻燈片

Question

好，這裏是場景，我希望用戶能夠按下鍵盤上的左右箭頭鍵並使頁面上的jquery幻燈片會觸發下一張幻燈片。我想使用右箭頭鍵，但除了輸入，空格或製表符之外的任何其他鍵都可以（我只想要一鍵完成此操作）。我在想像

$('#target').keyup(function(event){.doslide();} 

什麼的幫助將不勝感激。

<script type="text/javascript"> 
          var slo=null; 
          var sola = Array(); 
          var prev = 0; 
          var cur = 1; 
          var timi=null 

          jQuery.noConflict() 
          jQuery(document).ready(function() { 
           sol = $(".slide") 
           var sho = document.getElementById('slidya').getElementsByTagName('a'); 

           for(var i=1;i<sho.length-1;i++)sola.push(sho[i]); 

           for(var i=1;i<sol.length;i++)sol[i].style.display = 'none';       

           timi = window.setInterval('doslide()',10000); 

          }) 
          function doslide() 
           { 
            $(sol[prev]).fadeOut(3000); 
            $(sol[cur]).fadeIn(3000); 
            sola[prev].className = 'number' 
            sola[cur].className = 'number select' 

            prev = cur++; 
            if(cur>sol.length-1) 
            { 
             cur=0; 
             prev= sol.length-1; 
            } 
           } 
           function prevnext(mode) 
           { 
            window.clearInterval(timi);timi=null; 

            if(mode) 
            { 
             if(cur>sol.length-1) 
             { 
              cur=0; 
              prev= sol.length-1; 
             } 
             doslide();  
            } 
            else 
            { 
             cur--; 
             prev--; 

             if(prev<0) 
             { 
              cur=0; 
              prev= sol.length-1; 
             } 
             if(cur<0) 
             { 
              cur=sol.length-1; 
              prev=cur-1 ;   
             } 

             $(sol[cur]).fadeOut(3000); 
             $(sol[prev]).fadeIn(3000); 
             sola[cur].className = 'number' 
             sola[prev].className = 'number select' 
            } 
            timi = window.setInterval('doslide()',10000) 
           } 
           function thisisit(aiyo) 
           { 
            cur = aiyo 
            window.clearInterval(timi);timi=null; 

            $(sol[cur]).fadeIn(1000); 
            $(sol[prev]).fadeOut(1000); 
            sola[cur].className = 'number select' 
            sola[prev].className = 'number' 

            prev=cur 
            ++cur; 
            if(prev<0)prev = sol.length-1; 
            timi = window.setInterval('doslide()',10000)  
           } 


         </script> 

Answer 1

我會嘗試這樣的事：

var VK_LEFT = 37, 
    VK_UP = 38, 
    VK_RIGHT = 39, 
    VK_DOWN = 40; 

$(document).keydown(function(e){ 
    var key = (e.keyCode ? e.keyCode : e.which); 

    if(key==VK_RIGHT) 
     doslideright(); 
    else if(key==VK_LEFT) 
     doslideleft(); 
});