arrow key navigation through images
allows visitors to use left-right keyboard keys to navigate to different images using post/next/(id) and post/prev/(id)
This commit is contained in:
parent
b88f7a4d6b
commit
dfd7157cd2
1 changed files with 35 additions and 0 deletions
35
ext/arrowkey_navigation/main.php
Normal file
35
ext/arrowkey_navigation/main.php
Normal file
|
@ -0,0 +1,35 @@
|
|||
<?php
|
||||
/**
|
||||
* Name: Arrow Key Navigation
|
||||
* Author: Drudex Software <support@drudexsoftware.com>
|
||||
* Link: http://drudexsoftware.com
|
||||
* License: GPLv2
|
||||
* Description: Allows viewers no navigate between images using the left & right arrow keys.
|
||||
* Documentation:
|
||||
* Simply enable this extention in the extention manager to enable arrow key navigation.
|
||||
*/
|
||||
class arrowkey_navigation extends Extension {
|
||||
public function onDisplayingImage(DisplayingImageEvent $event) {
|
||||
global $page;
|
||||
|
||||
$prev_url = "http://".$_SERVER['HTTP_HOST']."/post/prev/".$event->image->id;
|
||||
$next_url = "http://".$_SERVER['HTTP_HOST']."/post/next/".$event->image->id;
|
||||
|
||||
$page->add_html_header("<script type=\"text/javascript\">
|
||||
document.onkeyup=checkKeycode;
|
||||
function checkKeycode(e)
|
||||
{
|
||||
var keycode;
|
||||
if(window.event) keycode=window.event.keyCode;
|
||||
else if(e) keycode=e.which;
|
||||
|
||||
if (e.srcElement.tagName != \"INPUT\")
|
||||
{
|
||||
if(keycode==\"37\") window.location.href='$prev_url';
|
||||
else if(keycode==\"39\") window.location.href='$next_url';
|
||||
}
|
||||
}
|
||||
</script>");
|
||||
}
|
||||
}
|
||||
?>
|
Reference in a new issue