davesnothere

My server is online and I don’t have an SSL certificate. Do I need one?

Hooray!!!

That did it. 100 internets for you today.

I sent you an email thru your website form. Let’s take this offlist to figure out what is going on.

Sorry, I was out of town for the weekend.

Here’s what I did:
I created a page in the admin area, and put the following:
[album id=5 template=list]

I then modified one of the existing templates, extended I believe, saved it as ‘wp-content/pluging/nextgen-gallery/view/album-list.php’. Here’s the file:

<?php
/**
Template Page for the album overview (extended)

Follow variables are useable :

	$album     	 : Contain information about the album
	$galleries   : Contain all galleries inside this album
	$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 ($galleries)) : ?>

<div class="ngg-albumoverview">
	<!-- List of galleries -->
	<h2><?php echo $album->name ?></h2>
<?php echo $album->albumdesc ?>
	<div>
	<?php foreach ($galleries as $gallery) :
	$pattern = '@thumbs/thumbs_@';
	$gallery_image = preg_replace($pattern, '', $gallery->previewurl);
?>
		<p class="swapImage { sin: ['#poster:<?php echo $gallery_image ?>'], sout: ['#poster:<?php echo $gallery_image ?>'] }"><a href="<?php echo $gallery->pagelink ?>"><?php echo $gallery->title ?></a></p>

 	<?php endforeach; ?>
	</div>

	<!-- Pagination -->
 	<?php echo $pagination ?>
</div>

<?php endif; ?>
</div>
<div id="rightcol">

<p><img id="poster" src="wp-content/uploads/2010/10/blank.gif" alt="" height="400" /></p>

The code at the bottom is the div on the right where the image loads. A bit sloppy, but I was already way over budget at the time, and had to be quick and dirty.

The rollover event itself is handled by jquery. Read my comments on this thread to get jquery working on your page without breaking things: http://wordpress.org/support/topic/adding-your-own-js-without-breaking-wp-plugin-js-scripts?replies=3

As for $gallery->previewurl, it’s set somewhere else (by the nextgen code), and I’m just leveraging that. At the end of your php file, put in: var_dump($galleries);That will give you a listing of all the variables available to you. That’s what the comment ” You can check the content when you insert the tag <?php var_dump($variable) ?>” is talking about. This thread might help some as well: http://wordpress.org/support/topic/plugin-nextgen-gallery-list-of-options?replies=7

What I did around line 22 of the large chunk of code I pasted above:

<?php foreach ($galleries as $gallery) :
	$pattern = '@thumbs/thumbs_@';
	$gallery_image = preg_replace($pattern, '', $gallery->previewurl);
?>

is walked the $galleries array (provided by the nextgen engine), and stripped out some of the pathing to make things work.

HTH

that would be in nggfunctions.php ln 172