[vc_row][vc_column][vc_empty_space height= »50px »][vc_column_text]
[/vc_column_text][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column][vc_empty_space height= »50px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474537638894{margin-bottom: -10px !important;} »]
Déclenchez une action au clic sur une touche du clavier
[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474537677730{margin-right: 5% !important;} »]
Ce script va vous permettre de lier des touches du clavier à des actions sur vos médias.
[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/2″][vc_column_text letter_spacing= » »]Pour cela, vous aurez besoin de l’ID de l’élément auquel vous désirez associer une touche et de celui de la touche du clavier !
Vous pouvez retrouver les ID des touches clavier ici.
C’est grâce à cette fonction que vous allez pouvoir associer une touche
$(document).keyup(function(e) {
if (e.keyCode == 40) { $(?#1355?).trigger("click"); }
});
Associate the id of the desired keyboard key in the RED part and the ID of your RacontR element (cf: the basics of Racontr code) in the BLUE part.[/vc_column_text][/vc_column_inner][vc_column_inner width= »1/2″][vc_column_text letter_spacing= » »]Pour configurer plusieurs touches, intégrez de nouvelles lignes comme dans cet exemple :
$(document).keyup(function(e) {
if (e.keyCode == 40) { $("#1355").trigger("click"); }
if (e.keyCode == 41) { $(« #1433″).trigger(« click »); }
if (e.keyCode == 43) { $(« #1822″).trigger(« click »); }
if (e.keyCode == 44) { $(« #1728″).trigger(« click »); }
});
Copiez votre code dans l’onglet javascript de l’éditeur. Et voila, passez désormais en mode aperçu !
Nous vous attendons sur le forum pour discuter de ce « Pimp My Racontr » ![/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text]
Plus de
tutoriels :
[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]
[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]
[/vc_column_text][/vc_column][/vc_row]
