flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2026-01-07 10:51:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

revised the cursor hiding mechaism...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-06-01 21:33:59 +04:00
parent daae8f8bf0
commit 4e24861b66
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ui/ui.js
View File

@ -7,7 +7,7 @@
//var DEBUG = DEBUG != null ? DEBUG : true //var DEBUG = DEBUG != null ? DEBUG : true
var CURSOR_SHOW_THRESHOLD = 10 var CURSOR_SHOW_THRESHOLD = 10
var CURSOR_HIDE_TIMEOUT = 2000 var CURSOR_HIDE_TIMEOUT = 1000
@ -20,27 +20,32 @@ function autoHideCursor(elem){
elem = $(elem) elem = $(elem)
elem elem
.on('mousemove', function(evt){ .on('mousemove', function(evt){
_cursor_pos = window._cursor_pos == null || elem.css('cursor') == 'auto' ? var cursor = elem.css('cursor')
_cursor_pos = window._cursor_pos == null || cursor != 'none' ?
[evt.clientX, evt.clientY] [evt.clientX, evt.clientY]
: _cursor_pos : _cursor_pos
if(Math.abs(evt.clientX - _cursor_pos[0]) > CURSOR_SHOW_THRESHOLD // cursor visible -- extend visibility...
|| Math.abs(evt.clientY - _cursor_pos[1]) > CURSOR_SHOW_THRESHOLD){ if(cursor != 'none'){
if(window._cursor_timeout != null){ if(window._cursor_timeout != null){
clearTimeout(_cursor_timeout) clearTimeout(_cursor_timeout)
_cursor_timeout = null
} }
_cursor_timeout = setTimeout(function(){
if(Math.abs(evt.clientX - _cursor_pos[0]) < CURSOR_SHOW_THRESHOLD
|| Math.abs(evt.clientY - _cursor_pos[1]) < CURSOR_SHOW_THRESHOLD){
elem.css('cursor', 'none')
}
}, CURSOR_HIDE_TIMEOUT)
// cursor hidden -- if outside the threshold, show...
} else if(Math.abs(evt.clientX - _cursor_pos[0]) > CURSOR_SHOW_THRESHOLD
|| Math.abs(evt.clientY - _cursor_pos[1]) > CURSOR_SHOW_THRESHOLD){
elem.css('cursor', '') elem.css('cursor', '')
} else {
_cursor_timeout = setTimeout(function(){
if(Math.abs(evt.clientX - _cursor_pos[0]) < CURSOR_SHOW_THRESHOLD
|| Math.abs(evt.clientY - _cursor_pos[1]) < CURSOR_SHOW_THRESHOLD){
elem.css('cursor', 'none')
}
}, CURSOR_HIDE_TIMEOUT)
} }
}) })
.click(function(evt){ .click(function(evt){