English | Español | Deutsch | Francais



Ejemplos

Generated Gallery

Initialize gallery again: init gallery
Trying to open unitialized gallery: open gallery
unload 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({
			
				onloadMODE: 'c',
				fallbackMODE: 'c',
				icon_albumchooser: true,
				icon_imgchooser: true,
				
				nested: false,
				
				content: { 
					source: 'a',
					selector: 'gmbz'
				}
											
			});
		}
</script>

anexar a cuerpo (entre sus <body> ):
		 <!-- ****** adding content ****** -->
		 
		 	
		Initialize gallery again:
		<a href="javascript:;" onclick="gambarize_instance.init();$('#uninit_div').fadeIn();">init gallery</a>
		<br/>
		Trying to open unitialized gallery:
		<a href="javascript:;" onclick="gambarize_instance.openGallery();">open gallery</a>
		
		<div id="uninit_div" style="display: block; position: fixed; top: 10px; left: 10px; z-index: 9999999; background: rgba(255,255,255,0.2); border-radius: 5px; padding: 10px">
			<a href="javascript:;" onclick="gambarize_instance.uninit();$('#uninit_div').fadeOut();">unload gallery</a>
		</div>
	
		<a href="data/album_simple/field.jpg" rel="a" title="" class="gmbz"></a>
		<a href="data/album_simple/mountains.jpg" rel="b" title="Mountains, Shadows" class="gmbz"></a>
		<a href="data/album_simple/sea.jpg" rel="c" title="Sea, Bali" class="gmbz"></a>
		<a href="data/album_simple/wave.jpg" rel="c" title="Wave, Bali" class="gmbz"></a>
		
			    
	    
		<!-- ****** 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>