flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-11-01 20:00:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

some refactoring...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-06-01 18:26:06 +04:00
parent 0ff8bb0636
commit 076bd43a96
2 changed files with 38 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/index.html
View File

@ -33,10 +33,6 @@
//DEBUG = true //DEBUG = true
var CURSOR_SHOW_THRESHOLD = 10
var CURSOR_HIDE_TIMEOUT = 2000
// setup... // setup...
$(function(){ $(function(){
@ -49,30 +45,9 @@ $(function(){
// XXX for some reason this messes up alignment on initial view... // XXX for some reason this messes up alignment on initial view...
//.dblclick(dblClickHandler) //.dblclick(dblClickHandler)
// hide cursor...
.on('mousemove', function(evt){
_cursor_pos = window._cursor_pos == null || $('.viewer').css('cursor') == 'auto' ?
[evt.clientX, evt.clientY]
: _cursor_pos
if(Math.abs(evt.clientX - _cursor_pos[0]) > CURSOR_SHOW_THRESHOLD autoHideCursor($('.viewer'))
|| Math.abs(evt.clientY - _cursor_pos[1]) > CURSOR_SHOW_THRESHOLD){
if(window._cursor_timeout != null){
clearTimeout(_cursor_timeout)
}
$('.viewer').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){
$('.viewer').css('cursor', 'none')
}
}, CURSOR_HIDE_TIMEOUT)
}
})
$(window) $(window)
.resize(function() { .resize(function() {

37
ui/ui.js
View File

@ -6,7 +6,44 @@
//var DEBUG = DEBUG != null ? DEBUG : true //var DEBUG = DEBUG != null ? DEBUG : true
var CURSOR_SHOW_THRESHOLD = 10
var CURSOR_HIDE_TIMEOUT = 2000
/*********************************************************************/ /*********************************************************************/
// XXX revise...
function autoHideCursor(elem){
elem = $(elem)
elem
.on('mousemove', function(evt){
_cursor_pos = window._cursor_pos == null || $('.viewer').css('cursor') == 'auto' ?
[evt.clientX, evt.clientY]
: _cursor_pos
if(Math.abs(evt.clientX - _cursor_pos[0]) > CURSOR_SHOW_THRESHOLD
|| Math.abs(evt.clientY - _cursor_pos[1]) > CURSOR_SHOW_THRESHOLD){
if(window._cursor_timeout != null){
clearTimeout(_cursor_timeout)
}
$('.viewer').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){
$('.viewer').css('cursor', 'none')
}
}, CURSOR_HIDE_TIMEOUT)
}
})
return elem
}
/*********************************************************************/ /*********************************************************************/
// vim:set ts=4 sw=4 nowrap : // vim:set ts=4 sw=4 nowrap :