English | Español | Deutsch | Francais


Generated Gallery



append to head (between your <head> tags):
		<!-- ****** append stylesheet of gambarize ****** -->
		<link rel="stylesheet" href="https://projects.klickagent.ch:443/gambarize/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.onload = function(){	
			gambarize_instance = new gambarize();	

append to body (between your <body> tags):
		 <!-- ****** adding content ****** -->
		<!-- ****** DEMO content, REPLACE CONTENT OF THIS DIV WITH YOUR PICTURES: ****** -->
			its recommended to set style="display: none" for the following element so that visitors don't see the pictures before the gallery is rendered 
			like this: <div style="display: none">
		<!-- important: wrap your pictures in a div / span etc -->
		<div style="display: none">
			<div class="gmbz" data-title="Album1">
				<div class="gmbz" data-title="Nested">
					<div class="gmbz" data-title="Inner">
							<a href="data/album_simple/wave.jpg" title="Wave, Bali" class="gmbz">
								<img src="data/album_simple/_meta/thumb_wave.png"/>
				<a href="data/album_simple/field.jpg" title="" class="gmbz">
					<img src="data/album_simple/_meta/thumb_field.png"/>
				<a href="data/album_simple/sea.jpg" title="Sea, Bali" class="gmbz">
					<img src="data/album_simple/_meta/thumb_sea.png"/>
			<a href="data/album_simple/mountains.jpg" title="Mountains, Shadow" class="gmbz">
				<img src="data/album_simple/_meta/thumb_mountains.png"/>
			<a href="data/album_simple/wave.jpg" title="Wave, Bali" class="gmbz">
				<img src="data/album_simple/_meta/thumb_wave.png"/>
		<!-- ****** 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="https://projects.klickagent.ch:443/gambarize/cdn/0.3/js/gambarize.js" type="text/javascript"></script>