mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-29 10:20:08 +00:00
cleaned-up marked-only mode...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
9f302223bb
commit
0605570b2d
@ -287,10 +287,12 @@ function centerImage(image, mode){
|
||||
}
|
||||
// do the actual work...
|
||||
if(mode == 'animate'){
|
||||
return ribbons.stop().animate(res, 100, 'linear')
|
||||
ribbons.stop().animate(res, 100, 'linear')
|
||||
} else {
|
||||
return ribbons.css(res)
|
||||
ribbons.css(res)
|
||||
}
|
||||
|
||||
return image
|
||||
}
|
||||
|
||||
|
||||
@ -492,6 +494,8 @@ function fitNImages(n){
|
||||
|
||||
// Marks...
|
||||
|
||||
// XXX if this unmarks an image in marked-only mode no visible image is
|
||||
// going to be current...
|
||||
var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
|
||||
|
||||
// mode can be:
|
||||
|
||||
@ -6,15 +6,15 @@
|
||||
|
||||
//var DEBUG = DEBUG != null ? DEBUG : true
|
||||
|
||||
|
||||
/*********************************************************************/
|
||||
|
||||
var STEPS_TO_CHANGE_DIRECTION = 2
|
||||
var _STEPS_LEFT_TO_CHANGE_DIRECTION = STEPS_TO_CHANGE_DIRECTION
|
||||
// XXX code related to this needs testing...
|
||||
var DIRECTION = 'next'
|
||||
|
||||
|
||||
|
||||
/*********************************************************************/
|
||||
|
||||
var KEYBOARD_CONFIG = {
|
||||
// general setup...
|
||||
'.viewer': {
|
||||
@ -96,6 +96,9 @@ var KEYBOARD_CONFIG = {
|
||||
End: function(){
|
||||
lastImage()
|
||||
},
|
||||
|
||||
|
||||
// combined navigation and editor actions...
|
||||
Up: {
|
||||
default: function(){ prevRibbon(DIRECTION) },
|
||||
shift: function(){ shiftImageUp(null, DIRECTION) },
|
||||
@ -106,7 +109,6 @@ var KEYBOARD_CONFIG = {
|
||||
},
|
||||
|
||||
|
||||
|
||||
// zooming...
|
||||
'1': function(){ fitNImages(1) },
|
||||
'2': function(){ fitNImages(2) },
|
||||
@ -118,6 +120,7 @@ var KEYBOARD_CONFIG = {
|
||||
// XXX for some reason this also hooks the Backspace key (80)...
|
||||
'8': function(){ fitNImages(8) },
|
||||
'9': function(){ fitNImages(9) },
|
||||
// XXX bind the +/- keys...
|
||||
|
||||
|
||||
// XXX this is temporary, combine this with single image mode...
|
||||
@ -128,6 +131,10 @@ var KEYBOARD_CONFIG = {
|
||||
// marking...
|
||||
// XXX not final, think of a better way to do this...
|
||||
// XXX need mark navigation...
|
||||
// XXX need marked image shift up/down actions...
|
||||
// XXX unmarking an image in marked-only mode results in nothing
|
||||
// visible focused if we unmark the first or last image in
|
||||
// the ribbon...
|
||||
M: {
|
||||
// NOTE: marking moves in the same direction as the last
|
||||
// move...
|
||||
@ -136,6 +143,9 @@ var KEYBOARD_CONFIG = {
|
||||
// NOTE: marking does not change move direction...
|
||||
default: function(){
|
||||
toggleImageMark()
|
||||
if($('.current.image').filter(':visible').length == 0){
|
||||
centerImage(focusImage(getImageBefore()), 'css')
|
||||
}
|
||||
if(DIRECTION == 'next'){
|
||||
nextImage()
|
||||
} else {
|
||||
@ -145,13 +155,30 @@ var KEYBOARD_CONFIG = {
|
||||
// same as default but in reverse direction...
|
||||
shift: function(){
|
||||
toggleImageMark()
|
||||
if($('.current.image').filter(':visible').length == 0){
|
||||
centerImage(focusImage(getImageBefore()), 'css')
|
||||
}
|
||||
if(DIRECTION == 'prev'){
|
||||
nextImage()
|
||||
} else {
|
||||
prevImage()
|
||||
}
|
||||
},
|
||||
ctrl: function(){ toggleImageMark() },
|
||||
ctrl: function(){
|
||||
var action = toggleImageMark()
|
||||
// focus an image instead of the one that just vanished...
|
||||
if(action == 'off' && toggleMarkedOnlyView('?') == 'on'){
|
||||
if(DIRECTION == 'next'){
|
||||
nextImage()
|
||||
} else {
|
||||
prevImage()
|
||||
}
|
||||
if($('.current.image').filter(':visible').length == 0){
|
||||
centerImage(focusImage(getImageBefore()))
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
I: {
|
||||
ctrl: function(){ invertImageMarks() },
|
||||
@ -170,9 +197,5 @@ var KEYBOARD_CONFIG = {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/**********************************************************************
|
||||
* vim:set ts=4 sw=4 : */
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user