_s: First pass at keyboard navigation in image templates

git-svn-id: https://wpcom-themes.svn.automattic.com/_s/@8845 d957f892-c61d-0410-b221-f235e6eecf30
This commit is contained in:
Ian Stewart 2012-02-02 20:49:40 +00:00
parent 2428d6a051
commit 293458cbd7
2 changed files with 17 additions and 1 deletions

View File

@ -6,7 +6,9 @@
* @since _s 1.0 * @since _s 1.0
*/ */
get_header(); ?> get_header();
wp_enqueue_script( 'keyboard-navigation', get_template_directory_uri() . '/js/keyboard-navigation.js', array( 'jquery' ), '02-02-2012' );
?>
<div id="primary" class="site-content" class="image-attachment"> <div id="primary" class="site-content" class="image-attachment">
<div id="content" role="main"> <div id="content" role="main">

14
js/keyboard-navigation.js Normal file
View File

@ -0,0 +1,14 @@
jQuery( document ).ready( function( $ ) {
$( document ).keydown( function( e ) {
var url = false;
if ( e.which == 37 ) { // Left arrow key code
url = $( '.previous-image a' ).attr( 'href' );
}
else if ( e.which == 39 ) { // Right arrow key code
url = $( '.next-image a' ).attr( 'href' );
}
if ( url && ( !$( 'textarea, input' ).is( ':focus' ) ) ) {
window.location = url;
}
} );
} );