I have a similar problem with the galleryview template.
When I try to insert a gallery into a post with the galleryview template using:
[nggallery id=1 template=galleryview images=0]
My post comes up blank. No gallery is shown at all.
I checked the source code of the page and everything seems to be working perfectly fine, except that it’s blank.
The published post’s source code is below:
<div id="ngg-gallery-1-242" class="galleryview">
<!-- Thumbnails -->
<div class="panel">
<img src="https://alexagould.com/wp-content/gallery/test/stk_1665.jpg" />
<div class="panel-overlay">
<h2>stk_1665</h2>
<p> </p>
</div>
</div>
<div class="panel">
<img src="https://alexagould.com/wp-content/gallery/test/stl_1666.jpg" />
<div class="panel-overlay">
<h2>stl_1666</h2>
<p> </p>
</div>
</div>
<div class="panel">
<img src="https://alexagould.com/wp-content/gallery/test/stm_1667.jpg" />
<div class="panel-overlay">
<h2>stm_1667</h2>
<p> </p>
</div>
</div>
<ul class="filmstrip">
<li><img src="https://alexagould.com/wp-content/gallery/test/thumbs/thumbs_stk_1665.jpg" alt="stk_1665" title="stk_1665" /></li>
<li><img src="https://alexagould.com/wp-content/gallery/test/thumbs/thumbs_stl_1666.jpg" alt="stl_1666" title="stl_1666" /></li>
<li><img src="https://alexagould.com/wp-content/gallery/test/thumbs/thumbs_stm_1667.jpg" alt="stm_1667" title="stm_1667" /></li>
</ul>
</div>
<script type="text/javascript" defer="defer">
jQuery("document").ready(function(){
jQuery('#ngg-gallery-1-242').galleryView({
panel_width: 450,
panel_height: 400,
frame_width: 40,
frame_height: 40,
transition_interval: 0,
overlay_color: '#222',
overlay_text_color: 'white',
caption_text_color: '#222',
background_color: 'transparent',
border: 'none',
nav_theme: 'dark',
easing: 'easeInOutQuad'
});
});
</script>
All of the necessary .js files are in the header as well:
<script type='text/javascript' src='https://alexagould.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.0'></script>
<script type='text/javascript' src='https://alexagould.com/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type='text/javascript' src='https://alexagould.com/wp-content/plugins/nggGalleryview/jquery.easing.1.2.js?ver=1.2'></script>
<script type='text/javascript' src='https://alexagould.com/wp-content/plugins/nggGalleryview/jquery.galleryview-1.1-pack.js?ver=1.1'></script>
<script type='text/javascript' src='https://alexagould.com/wp-content/plugins/nggGalleryview/jquery.timers-1.1.2.js?ver=1.1.2'></script>
The post can be viewed at: Alexa Gould.com