I am working with a slightly customized version of the album-compact.php template. I have pretty much just organized the look and feel. I haven’t messed with anything else.
I have an album listed on a page through the do_shortcode template tag, and want the gallery thumbnail to open a lightbox instead of a new page.
<div class="ngg-album-link">
<script>
jQuery(document).ready(function(){
jQuery(".Link").colorbox({href:"<?php echo $gallery->pagelink ?>"});
});
</script>
<p><a class="Link" href="<?php echo $gallery->pagelink ?>">
<img class="Thumb" alt="<?php echo $gallery->title ?>" src="<?php echo $gallery->previewurl ?>"/>
</a></p>
<div class="current_gal">
<p class="gallery_desc century"><?php echo $gallery->galdesc ?></p>
<p class="gallery_title_link">
<a class="Link event_archive_link palatino" href="<?php echo $gallery->pagelink ?>">
<?php echo $gallery->title ?>
</a>
</p>
</div>
</div>
This does nothing at all. the site is at seattledesigndistrict.com/events/
any ideas?
Then you have to remove the page navigation at the bottom of that first thumbnail. There are a couple ways to do this, but the one I used is below. Locate /plugins/nextgen-gallery/nggfunctions.php Before you make any changes, you may want to make a copy of the unmodified file for later. Find the both instances of the code below and edit.
change to
This will make it so that the page navigation only kicks in if you have more than one image per page (what we set in step 1).
nextgen next-gen gallery lightbox open-in-lightbox