English | Español | Deutsch | Francais



Ejemplos

Generated Gallery


Download


Code

anexar a la cabeza (entre sus <head> etiquetas):
		
		<!-- ****** append stylesheet of gambarize ****** -->
		<link rel="stylesheet" href="http://gambarize.klickagent.ch/cdn/0.3/style/gambarize.css.php?noreset=1" type="text/css" media="all" /> 
		
		
		<!-- ****** init gambarize scripts ****** -->
		<script type="text/javascript">
		
			<!-- fuckin IE 8 bugfix -->
			window.gambarize_instance='';
						
		
			
		window.onload = function(){	
			gambarize_instance = new gambarize();	
			gambarize_instance.init({
				
				imgnavigation: 'scale,title,close',
				
				baseSelector: {
					'album': { 'parentElement': '#gambarize_content', 'element': 'div.' },
					'content': { 'nested': true, 'element' : 'a.' }
				},
				
				content: { 
					source: 'a',
					selector: 'gmbz',
					
					loadInDiv: 'gallery'
				}
											
			});
		}
</script>

anexar a cuerpo (entre sus <body> ):
		 <!-- ****** adding content ****** -->
		 
		 	
	
	<div id="gambarize_content">
	
		<div class="gmbz" data-title="Album1">
		
			<a href="data/album_simple/wave.jpg" rel="" title="Wave, Bali" class="gmbz"></a>
			<a href="data/Black-287.png" rel="" title="Sea, Bali" class="gmbz"></a>
			<div class="gmbz" data-title="Nested1">
				<a href="data/Black-287.png" rel="" title="Sea, Bali" class="gmbz"></a>
			</div>
			<div class="gmbz" data-title="Nested2">
				<a href="data/Screen Shot 2012-09-26 at 2.18.10 PM.png" rel="" title="Sea, Bali" class="gmbz"></a>
			</div>
			<a href="data/Screen Shot 2012-09-26 at 2.18.10 PM.png" rel="" title="Sea, Bali" class="gmbz"></a>
			<div class="gmbz" data-title="Nested3">
				<a href="data/Black-287.png" rel="" title="Sea, Bali" class="gmbz"></a>
			</div>
			
			<span>
			<div class="gmbz" data-title="Nested">
				<div class="other"><a href="data/album_simple/sea.jpg" rel="" title="Sea, Bali" class="gmbz"></a></div>
				
				<div class="gmbz" data-title="Inner">
					<div class="gmbz" data-title="Most inner">
						<a href="data/album_simple/field.jpg" rel="" title="" class="gmbz"></a>
					</div>
				</div>
				
			</div>
			</span>
			
			<a href="data/album_simple/field.jpg" rel="" title="" class="gmbz"></a>
			<a href="data/album_simple/mountains.jpg" rel="" title="Mountains, Shadow" class="gmbz"></a>
		</div>
		
		
		
	</div>
		
		
			
			
			
		
		
	
		<div id="gallery">
			loading gallery...
		</div>
	    
	    
	    
		<!-- ****** adding gambarize scripts ***** -->
		<!-- add jquery, if not already loaded somewhere else on your website: -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
			
		<!-- add the cdn/0.3 of gambarize plugin -->
		<script src="http://gambarize.klickagent.ch/cdn/0.3/js/gambarize.js" type="text/javascript"></script>