mirror of
				https://github.com/flynx/ImageGrid.git
				synced 2025-11-04 05:10:07 +00:00 
			
		
		
		
	
		
			
	
	
		
			57 lines
		
	
	
		
			903 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			57 lines
		
	
	
		
			903 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| 
								 | 
							
								<!DOCTYPE html>
							 | 
						||
| 
								 | 
							
								<html>
							 | 
						||
| 
								 | 
							
								<head>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								</head>
							 | 
						||
| 
								 | 
							
								<body>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<!-- This is the basic viewer structure...
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								Unpopulated
							 | 
						||
| 
								 | 
							
								NOTE: there can be only .ribbon-set element.
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<div class="viewer">
							 | 
						||
| 
								 | 
							
									<div class="ribbon-set"></div>
							 | 
						||
| 
								 | 
							
								</div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								Populated
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<div class="viewer">
							 | 
						||
| 
								 | 
							
									<div class="ribbon-set">
							 | 
						||
| 
								 | 
							
										<div class="ribbon">
							 | 
						||
| 
								 | 
							
											<div class="image"></div>
							 | 
						||
| 
								 | 
							
											<div class="image"></div>
							 | 
						||
| 
								 | 
							
											...
							 | 
						||
| 
								 | 
							
										</div>
							 | 
						||
| 
								 | 
							
										<div class="ribbon">
							 | 
						||
| 
								 | 
							
											<div class="image"></div>
							 | 
						||
| 
								 | 
							
											<div class="current image"></div>
							 | 
						||
| 
								 | 
							
											<div class="image"></div>
							 | 
						||
| 
								 | 
							
											<div class="mark selected"></div>
							 | 
						||
| 
								 | 
							
											<div class="image"></div>
							 | 
						||
| 
								 | 
							
											...
							 | 
						||
| 
								 | 
							
										</div>
							 | 
						||
| 
								 | 
							
										...
							 | 
						||
| 
								 | 
							
									</div>
							 | 
						||
| 
								 | 
							
								</div>
							 | 
						||
| 
								 | 
							
								-->
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<div class="viewer">
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									<div class="ribbon-set"></div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									<!-- XXX should these be here??? -->
							 | 
						||
| 
								 | 
							
									<div class="overlay-block">
							 | 
						||
| 
								 | 
							
										<div class="background"></div>
							 | 
						||
| 
								 | 
							
										<div class="content"></div>
							 | 
						||
| 
								 | 
							
									</div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								</div>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<!-- vim:set ts=4 sw=4 spell : -->
							 | 
						||
| 
								 | 
							
								</body>
							 | 
						||
| 
								 | 
							
								</html>
							 |