File: templates/wggallery_gallery_justifiedgallery.tpl

<!-- Header -->
<{include file='db:wggallery_admin_header.tpl'}>

<link href="<{$wggallery_url}>/assets/gallerytypes/justifiedgallery/dist/css/colorbox/<{$colorboxstyle}>/colorbox.css" rel="stylesheet">

<{if $images_nb > 0}>
	<div id="mygallery" >
		<{foreach item=image from=$images}>
			<a href='<{if $source == 'large'}><{$image.large}><{else}><{$image.medium}><{/if}>' rel='gallery1'>
				<img alt='<{$image.title}>' src='<{if $source_preview == 'medium'}><{$image.medium}><{else}><{$image.thumb}><{/if}>'>
			</a>
		<{/foreach}>
	</div>
<{/if}> 		

<script>
	$("#mygallery").justifiedGallery({
		rowHeight:<{$rowHeight}>,
		lastRow:'<{$lastRow}>',
		margins:<{$margins}>,
		border:<{$outerborder}>,
		captions:<{$showTitle}>,
		randomize:<{$randomize}>,
		rel:'gallery1'
	}).on('jg.complete', function () {
		$(this).find('a').colorbox({
			slideshow:<{$slideshow}>,
			slideshowSpeed:<{$slideshowSpeed}>,
			slideshowAuto: <{$slideshowAuto}>,
			slideshowStart:'<{$colorbox_slideshowstart}>',
			slideshowStop: '<{$colorbox_slideshowstop}>',
			speed:<{$speedOpen}>,
			open:<{$open}>,
			opacity:<{$opacity}>,
			transition: '<{$transition}>',
			current: '<{$colorbox_current}>',
			previous: '<{$colorbox_previous}>',
			next: '<{$colorbox_next}>',
			close: '<{$colorbox_close}>',
			maxWidth: '100%',
			<{if $open == 'true'}>
				onClosed: function () {
					window.history.go(-1);
				}
			<{/if}>
		});
	});
</script>		

<div class="clear spacer"></div>

<{if $error}>
	<div class="errorMsg"><strong><{$error}></strong></div>
<{/if}> 

<!-- Footer -->
<{include file='db:wggallery_footer.tpl'}>