mirror of
				https://github.com/flynx/ImageGrid.git
				synced 2025-10-31 03:10:07 +00:00 
			
		
		
		
	
		
			
	
	
		
			115 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			115 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
|  | 
 | ||
|  | 
 | ||
|  | (function($){ | ||
|  | 
 | ||
|  | 	// globals...
 | ||
|  | 	var current | ||
|  | 
 | ||
|  | 	// init...
 | ||
|  | 	$(function(){ | ||
|  | 	})	 | ||
|  | 
 | ||
|  | 	// actions:
 | ||
|  | 	// NOTE: all actions other that .focus operate on the current image...
 | ||
|  | 	//
 | ||
|  | 	// navigation actions:
 | ||
|  | 	// focus...
 | ||
|  | 	function focus(img){ | ||
|  | 		// set image as current...
 | ||
|  | 		// XXX
 | ||
|  | 		// shift to focus ribbon...
 | ||
|  | 		// XXX
 | ||
|  | 		// center everything...
 | ||
|  | 		centerRibbons() | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// next...
 | ||
|  | 	function focusNext(){ | ||
|  | 		// set current image to next...
 | ||
|  | 		// XXX
 | ||
|  | 		// center ribbon...
 | ||
|  | 		centerRibbons() | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// prev...
 | ||
|  | 	function focusPrev(){ | ||
|  | 		// set current image to prev...
 | ||
|  | 		// XXX
 | ||
|  | 		// center ribbon...
 | ||
|  | 		centerRibbons() | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// shift up...
 | ||
|  | 	function shiftUp(){ | ||
|  | 		// check if we can shift...
 | ||
|  | 		if(isUpperRibbonEmpty()){ | ||
|  | 			return false | ||
|  | 		} | ||
|  | 		// shift the ribbon stack...
 | ||
|  | 		// XXX
 | ||
|  | 		// change ribbod class to current... (do the zooming in CSS)
 | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// shift down...
 | ||
|  | 	function shiftDown(){ | ||
|  | 		// check if we can shift...
 | ||
|  | 		if(isLowerRibbonEmpty()){ | ||
|  | 			return false | ||
|  | 		} | ||
|  | 		// shift the ribbon stack...
 | ||
|  | 		// XXX
 | ||
|  | 		// change ribbod class to current... (do the zooming in CSS)
 | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// toggle single view and ribbon view...
 | ||
|  | 	function toggleRibbon(){ | ||
|  | 		// hide all elements other that the current image...
 | ||
|  | 		// XXX
 | ||
|  | 		// fit current image to screen...
 | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// editint actions:
 | ||
|  | 	// select / promote... (move toward / down)
 | ||
|  | 	function promote(){ | ||
|  | 		// XXX
 | ||
|  | 		centerRibbons() | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// reject / demote... (move away / up)
 | ||
|  | 	function demote(){ | ||
|  | 		// XXX
 | ||
|  | 		centerRibbons() | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// create an empty ribbon...
 | ||
|  | 	function createRibbonAbove(){ | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 	function createRibbonBelow(){ | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 	 | ||
|  | 
 | ||
|  | 	// predicates...
 | ||
|  | 	function isLowerRibbonEmpty(){ | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 	function isUpperRibbonEmpty(){ | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	// heplers:
 | ||
|  | 	// center the ribbon on the current image...
 | ||
|  | 	// NOTE: should also position the upper and lower ribbons relative to the current...
 | ||
|  | 	function centerRibbons(){ | ||
|  | 		// XXX
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 
 | ||
|  | }) | ||
|  | 
 | ||
|  | // vim:set ts=4 sw=4 :
 |