2017-04-21 6 views
0

タブキープレスのサポートでブートストラップカルーセルを作成しようとしています。私はちょうどこのhttp://bootsnipp.com/snippets/featured/bootstrap-carousel-with-textブログを使用しました。プレスタブでブートストラップカルーセルを作成しようとしました。

タブを追加してキー機能を追加しようとしています。エンドユーザがTabキーを押してEnterキーを押すことができる場合は、左矢印と右矢印とカルーセルインジケータの下を指すようにしてから、次のスライダに移動します。

機能を追加する方法を教えてください。

+0

をあなたは私がこのHTTPを使用している –

+0

自分を試してみました何を明記してください.com/snippets/featured/bootstrap-carousel-with-textカルーセルスタイルと要素。しかし、左矢印と右矢印をナビゲートできませんでした。どのように私はこれを追加することができます。 – Anand

答えて

0

あなたは下記のように、キーリスナーを追加する必要があります。

$(document).ready(function() { 

    $(document).keydown(function(e) { 
     if(e.keyCode == 38) { // left nav key pressed 
      // code to load prev slide 
     } else if(e.keyCode == 40) { // right nav key pressed 
      // code to load next slide 
     } 
    }); 

}); 

あなたがここにすべてのキーコードを見つけることができます:// bootsnipp:http://keycode.info/

関連する問題