mirror of
				https://github.com/flynx/ImageGrid.git
				synced 2025-11-03 04:40:10 +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 :
							 |