Beispiele
Generated Gallery
loading gallery...
Download
Code
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.gambarize_instance='';
window.onload = function(){
gambarize_instance = new gambarize();
gambarize_instance.init({
imgnavigation: 'scale,title,close,nav',
icon_albumchooser: true,
onloadMODE: 'c',
baseSelector: {
'album': { 'parentElement': '#gambarize_content', 'element': 'div.' },
'content': { 'nested': true, 'element' : 'a.' }
},
showUnopenedBadge: true,
keepThumbRatioAlbum: true,
keepThumbRatio: true,
enableHistory: true,
content: {
source: 'a',
selector: 'gmbz',
loadInDiv: false
}
});
}
</script>
append to body (between your <body> tags):
<!-- ****** 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/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>
<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="https://projects.klickagent.ch:443/gambarize/cdn/0.3/js/gambarize.js" type="text/javascript"></script>