Linking NextGEN Album thumbnail to lightbox WordPress

FPHT comments:

Thanks Denzel.
I've decided to use the single gallery display to do this as it will work better, but wonder if you might be able to help out in making it look like the way the album display did?

See [[LINK href="http://dougalblack.co.uk/new/services/free-standing/"]]here[[/LINK]]

The first is the original album display - linking to the full set of images. The second is a gallery display that only shows the first image thumbnail and lightbox when clicked.

I've been editing gallery.php to make it look the same as the album display - so have managed to get the border and gallery title and description to show. Only problem is I can't work out how to get the description to sit beside the image rather than on top of it.

Are you able to help?

See gallery.php below.

<blockquote><?php
/**
Template Page for the gallery overview

Follow variables are useable :

$gallery : Contain all about the gallery
$images : Contain all images, path, title
$pagination : Contain the pagination content

You can check the content when you insert the tag <?php var_dump($variable) ?>
If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
**/
?>
<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>

<div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">
<?php if ($gallery->show_slideshow) { ?>

</a>
</div>
<div class="ngg-album">
<?php } ?>
<div class="ngg-albumtitle"><?php echo $gallery->title ?></a></div> !! THE GALLERY TITLE
<p><?php echo $gallery->description ?></p> !! THIS IS THE DESCRIPTION

<?php if ($gallery->show_piclens) { ?>
<!-- Piclense link -->
<div class="piclenselink">
<a class="piclenselink" href="<?php echo $gallery->piclens_link ?>">
<?php _e('[View with PicLens]','nggallery'); ?>
</a>
</div>

<?php } ?>

<!-- Thumbnails -->
<?php foreach ( $images as $image ) : ?>

<div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $image->style ?> >
<div class="ngg-gallery-thumbnail" >
<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
<?php if ( !$image->hidden ) { ?>
<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
<?php } ?>
</a>
</div>
</div>

<?php if ( $image->hidden ) continue; ?>
<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
<br style="clear: both" />
<?php } ?>

<?php endforeach; ?>



</div>

<?php endif; ?></blockquote>