After looking for ways to have WordPress do a conditional test for custom taxonomies I was unsatisfied with what I found since most of the solutions involved making functions. While they do work, it was a bit too much for my use since I really only needed to check the custom post against only one custom taxonomy. And mostly because I know that there is always more than one way to skin a cat… and sometimes I really do want to find “my own solution“.

So here’s my version of the one-time, non-function way to test for a conditional taxonomy on a conditional post type, which admittedly may not be so efficient, but it works! (and if you cache, then it doesn’t really matter) First, you need to put this bit of PHP somewhere before where you need to do your conditional test:

<?php
$tempvar = urldecode(http_build_query(get_the_terms($post->id, 'custom_tax_name')));
if(strpos($tempvar, '[term_taxonomy_id]=101') !== false) {$customtaxis = 'y';}else{$customtaxis = 'n';}
?>

Line 2 puts all the post’s taxonomy information as a string into the $tempvar variable. Line 3 checks whether the a taxonomy with ID of 101 is in $tempvar and sets the $customtaxis variable appropriately.

To make this work for you change the following :

• custom_tax_name to the name of your custom taxonomy (the $taxonomy variable in the register_taxonomy function)
• 101 to the ID of the custom taxonomy you want to test
• $tempvar and $customtaxis to whatever variables you want, if you want

Then, where ever you want to test for your custom taxonomy, use this:

if($customtaxis  == 'y') {
// if yes, whatever you want
}else{
// if not, whatever you want
}

And that’s it!

Note: This must be used inside the loop. Tested in WP version 3.1 – 3.1.3

This sounded like a good use for WordPress comments meta data. There isn’t a lot of information out on the interwebs about how to use it, so I had to more or less figure this out…

So, what needed to be done was:

• add a check box to the comments form
• show in the WordPress comments admin whether or not the checkbox was selected
• indicate in the comment notification email whether or not the checkbox was selected

Adding the checkbox to the comments form is the easiest part. To add the checkbox to the comments form open up your themes comments.php file and paste this into the area where you need it:

<p><label><input name="publishc" type="checkbox" id="publishc" value="this is the value I want to capture" tabindex="90" /> Whatever sentence that you want commenters to use the checkbox for</label></p>

Now that the checkbox is in place, we need to make sure that the data (the checkbox value) is saved to the database. We also want that data to be visible when viewing the comments from within the WordPress admin. So, paste this in your theme’s functions.php file:

// allow the saving of comment meta data
function fpo_allow_show_comment ( $post_id ) {
$allow_show_comment = $_POST['publishc'];
if ( $allow_show_comment ) {
add_comment_meta( $post_id, 'publishc', $allow_show_comment, true );
}}
add_action( 'comment_post', 'fpo_allow_show_comment', 1 );

// display meta in the edit comments admin page
function show_commeta() {
if (is_admin()) {
   echo get_comment_text(), '<br/><br/><strong>', get_comment_meta(get_comment_ID(), 'publishc',1), '<strong>';
   }}
add_action('comment_text', 'show_commeta');

The first function will allow comments meta data to be collected and to save it to the database. The second functions will show it in the comments admin pages.

Adding the comments meta data to the notification email proved to be the hardest to figure out – I couldn’t figure out a way to do it via plugin or editing functions.php. So, I decided to do this the least desirable way, which is to edit the WordPress core files, namely wp-includes/pluggable.php.

So find the function wp_notify_postauthor and look for the part that says if (‘comment’ == $comment_type) {. Paste these lines of code in whatever area of the notification email where you would like the comment meta to be included:

$notify_message .= __('Comment meta: ') ;
$notify_message .= sprintf( get_comment_meta($comment->comment_ID, 'publishc',1)) . "\r\n\r\n";

And that is that, hours and hours worth of trial and error. Hope you find it useful!

Test and works in WordPress versions 2.9 through 3.0.4.

Rather than having the home page show the last x number of posts or editing the loop through query_posts to only show posts within a certain timeframe, the posts would either need to appear on the homepage until:

• a specific date – and then the post will either be archived or deleted
• or if no date is set, the post should appear for a month

I knew that there was a way to makes posts “expire” by setting a date and time as a custom field and editing the loop. A search on Google reveals several articles (all of which are identical – exactly the same, so I don’t know the original article which I could link to). I then also found an article that edited the expire posts code so that the post would auto delete rather than expire: Modify you WordPress theme to enable an expiration date for your posting.

There a few drawbacks to the methods I found:

• they needed post custom fields, which aren’t the most user friendly interface for end users to employ
• custom fields do not look nice
• the custom field entry needed to be in the format mm/dd/yyyy 00:00:00 not exactly user friendly nor easy to understand (is 17:00:00 7pm or 5pm??)
• posts would either only expire (be archived) or be deleted

So now I needed to put on my PHP hat and find a way to get what needed to be done and avoid the drawbacks listed above. I knew right away that I would need to use custom write panels to make everything easy to look at and use. I wrote about using them here, WordPress Custom Write Panels & prioritizing what to display and used this as my reference, Revisited: Creating Custom Write Panels in WordPress

In the end, this is what my WordPress custom write panel looked like:

Obviously, this is for posts in the “announcements” category. Anyway, open up your themes functions.php (or make one) and add this code in:

<?php
//start  post meta box
$key = "Announcements";
$meta_boxes = array(

"expimo" => array(
"name" => "expimo",
"title" => "Expiration Month",
"description" => "Select a date in the future for this post to expire.  Default date is one month into the future",
"option" => array('01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12')),

"expida" => array(
"name" => "expida",
"title" => "Expiration Day",
"description" => "Select Day",
"options" => array('-', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31')),

"expiye" => array(
"name" => "expiye",
"title" => "Expiration Year",
"description" => "Select Month",
"options" => array('-', '2013', '2012', '2011', '2010')),

"expiti" => array(
"name" => "expiti",
"title" => "Expiration Time",
"description" => "Select Time",
"options" => array('00:00:00', '01:00:00', '02:00:00', '03:00:00', '04:00:00', '05:00:00', '06:00:00', '07:00:00', '08:00:00', '09:00:00', '10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00', '15:00:00', '16:00:00', '17:00:00', '18:00:00', '19:00:00', '20:00:00', '21:00:00', '22:00:00', '23:00:00')),

"autodelp" => array(
"name" => "autodelp",
"title" => "Delete Post On Expiration",
"description" => "Choose if a post should be deleted after expiration.  Choosing NO will remove the post from the homepage and archive it upon expiration",
"options" => array('no', 'yes')),

);

function create_meta_box() {
global $key;

if( function_exists( 'add_meta_box' ) ) {
add_meta_box( 'new-meta-boxes', ucfirst( $key ) . ' Post Options', 'display_meta_box', 'post', 'normal', 'high' );
}
}

function display_meta_box() {
global $post, $meta_boxes, $key;
?>

<div class="form-wrap">

<?php

wp_nonce_field( plugin_basename( __FILE__ ), $key . '_wpnonce', false, true );

foreach($meta_boxes as $meta_box) {
$data = get_post_meta($post->ID, $key, true);

?>
<?php if($meta_box[ 'name'] != 'expimo' &&
         $meta_box[ 'name'] != 'expida' &&
         $meta_box[ 'name'] != 'expiye' &&
		 $meta_box[ 'name'] != 'autodep' &&
		 $meta_box[ 'name'] != 'expiti' &&
		 $meta_box[ 'name'] != 'autodelp'
) { ?>
<div class="form-field form-required">

<label for="<?php echo $meta_box[ 'name' ]; ?>"><?php echo $meta_box[ 'title' ]; ?></label>

<input type="text" name="<?php echo $meta_box[ 'name' ]; ?>" value="<?php echo htmlspecialchars( $data[ $meta_box[ 'name' ] ] ); ?>" />  

<p><?php echo $meta_box[ 'description' ]; ?></p></div>
<?php } elseif ($meta_box[ 'name'] == 'expimo') {

echo '<div class="form-field form-required"><label for="Post Expiration Date">Post Expiration Date</label>';
echo '<select name="expimo" id="expimo">';
	foreach ($meta_boxes['expimo']['option'] as $option) {
	if ($option == '01') {$optionez = 'January';
} elseif ($option == '02') {$optionez = 'February';
} elseif ($option == '03') {$optionez = 'March';
} elseif ($option == '04') {$optionez = 'April';
} elseif ($option == '05') {$optionez = 'May';
} elseif ($option == '06') {$optionez = 'June';
} elseif ($option == '07') {$optionez = 'July';
} elseif ($option == '08') {$optionez = 'August';
} elseif ($option == '09') {$optionez = 'September';
} elseif ($option == '10') {$optionez = 'August';
} elseif ($option == '11') {$optionez = 'November';
} else {$optionez = 'December';}
		echo '<option', ' value="', $option, '"', $data[ 'expimo' ] == $option ? ' selected="selected"' : '', '>', $optionez, '</option>';
                }
                echo '</select>';
echo '<select name="expida" id="expida">';
	foreach ($meta_boxes['expida']['options'] as $option) {
		echo '<option', ' value="', $option, '"', $data[ 'expida' ] == $option ? ' selected="selected"' : '', '>', $option, '</option>';
                }
                echo '</select>';
echo '<select name="expiye" id="expiye">';
	foreach ($meta_boxes['expiye']['options'] as $option) {
		echo '<option', $data[ 'expiye' ] == $option ? ' selected="selected"' : '', '>', $option, '</option>';
                }
                echo '</select>';
echo '<select name="expiti" id="expiti">';
	foreach ($meta_boxes['expiti']['options'] as $option) {
if ($option == '00:00:00') {$optionez = '12MN';
} elseif ($option == '01:00:00') {$optionez = '1AM';
} elseif ($option == '02:00:00') {$optionez = '2AM';
} elseif ($option == '03:00:00') {$optionez = '3AM';
} elseif ($option == '04:00:00') {$optionez = '4AM';
} elseif ($option == '05:00:00') {$optionez = '5AM';
} elseif ($option == '06:00:00') {$optionez = '6AM';
} elseif ($option == '07:00:00') {$optionez = '7AM';
} elseif ($option == '08:00:00') {$optionez = '8AM';
} elseif ($option == '09:00:00') {$optionez = '9AM';
} elseif ($option == '10:00:00') {$optionez = '10AM';
} elseif ($option == '11:00:00') {$optionez = '11AM';
} elseif ($option == '12:00:00') {$optionez = '12NN';
} elseif ($option == '13:00:00') {$optionez = '1PM';
} elseif ($option == '14:00:00') {$optionez = '2PM';
} elseif ($option == '15:00:00') {$optionez = '3PM';
} elseif ($option == '16:00:00') {$optionez = '4PM';
} elseif ($option == '17:00:00') {$optionez = '5PM';
} elseif ($option == '18:00:00') {$optionez = '6PM';
} elseif ($option == '19:00:00') {$optionez = '7PM';
} elseif ($option == '20:00:00') {$optionez = '8PM';
} elseif ($option == '21:00:00') {$optionez = '9PM';
} elseif ($option == '22:00:00') {$optionez = '10PM';
} else {$optionez = '11PM';}
		echo '<option', ' value="', $option, '"',$data[ 'expiti' ] == $option ? ' selected="selected"' : '', '>', $optionez, '</option>';
                }
                echo '</select>';
echo '<p>Select a date in the future for this post to expire.  Default date is one month into the future</p></div>';
} elseif ($meta_box[ 'name'] == 'autodelp') {
echo '<label for="Auto Delete">Auto Delete?</label>';
echo '<select name="autodelp" id="autodelp">';
                foreach ($meta_boxes['autodelp']['options'] as $option) {
                    echo '<option', $data[ 'autodelp' ] == $option ? ' selected="selected"' : '', '>', $option, '</option>';
                }
                echo '</select><p>', $meta_box[ 'description' ], '</p></div>';
} else {}
?>

<?php
}; ?>

<?php
if (get_the_time('m') == 12) {$mononet = 1;
} else {$mononet = 1 + get_the_time('m');}
$slashhh = '/';
      $spaceeee = ' ';
if ( $data[ 'expida'] == '-') {$datarr = $mononet.$slashhh.get_the_time('d/Y').$spaceeee.$data[ 'expiti' ];
} else {$datarr = $data[ 'expimo' ].$slashhh.$data[ 'expida' ].$slashhh.$data[ 'expiye' ].$spaceeee.$data[ 'expiti' ];} ?>
<?php update_post_meta($post->ID, 'expiration', $datarr); ?>
</div>
<?php
}
function save_meta_box( $post_id ) {
global $post, $meta_boxes, $key;

foreach( $meta_boxes as $meta_box ) {
$data[ $meta_box[ 'name' ] ] = $_POST[ $meta_box[ 'name' ] ];
}

if ( !wp_verify_nonce( $_POST[ $key . '_wpnonce' ], plugin_basename(__FILE__) ) )
return $post_id;

if ( !current_user_can( 'edit_post', $post_id ))
return $post_id;

update_post_meta( $post_id, $key, $data );
}

add_action( 'admin_menu', 'create_meta_box' );
add_action( 'save_post', 'save_meta_box' );
//end  post meta box
?>

It’s a bit lengthy, but it does what it needs to.

Now open up your index.php or whichever file has the loop which you will need to edit and modify your loop between the while (have_posts()) and endwhile statements as such:

<?php while (have_posts()) : the_post(); $data = get_post_meta( $post->ID, 'Announcements', true );
	$expirationtime = get_post_custom_values('expiration');
if (is_array($expirationtime)) {
$expirestring = implode($expirationtime);
}
$secondsbetween = strtotime($expirestring)-time() + 14400;
if ( $secondsbetween <= 0 && $data[ 'autodelp'] == 'yes') {
wp_delete_post($post->ID, false);
} elseif ( $secondsbetween <= 0 && $data[ 'autodelp'] == 'no') {
} elseif ( $secondsbetween > 0) {
	?>
<!--start your loop contents here. For example...-->
	<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<p>Posted on <?php the_time('M.d, Y') ?></p>
<?php the_content('Read more &raquo;'); ?>
<!--end your loop contents here-->
	<?php } else {}
	endwhile; ?>

Please note that 14400on line 06 is to change the time to my current time zone, US Eastern Time. For best results, you should change this number to reflect your current timezone. To calculate the number you would use for your timezone, use this from Modify you WordPress theme to enable an expiration date for your posting:

Let say, you are in GMT +7 time zone, you are ahead of time, so instead of “+”, you will need to “-” the difference, 7 hours = 7 * 60 *60 = 25200.

Don’t forget to save and upload your changes. To use the panel, while writing or editing a post, in the custom write panel named Announcements Post Options, simply select the date and time which you would like the post to expire under the Post Expiration Date section. If you want the post to be deleted upon expiration, select yes in the Auto Delete section. If no date is chosen, the post will automatically expire one month from the “publish date” of the post.

Hope you like that and find it useful.

Searching the web gave me the following PHP and mySQL code to display the number of registered users:

<?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");
echo $users." registered users."; ?>

But we were using the Register Plus plugin with user moderation. Register Plus adds the prefix unverified__ to all unverified WordPress usernames (so they can’t log in). Needless to say, we wanted to not include these unverified users from the count – so I changed the code to this:

<?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users WHERE user_login NOT LIKE 'unverified__%'");
echo $users." registered users."; ?>

Lastly, we wanted to not include the 3 WordPress administrators we have from the user count. So, I modified the code further like this:

<?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users WHERE user_login NOT LIKE 'unverified__%'");
$admins = 3;
echo $users - $admins ." registered users."; ?&>

You can change the number in the line that says $admins = 3; to whatever number you want subtracted from the count.

And there you have it, an accurate WordPress registered user count.

Each WordPress blog post would have at most one video (some blog posts might have no video). Also, videos would be hosted either on an online video hosting site (i.e. Youtube, Vimeo..) or self hosted and accessed through a URL to a video ASX file or direct to a WMV/AVI. Lastly, a page that displays only the videos posted with no other blog post information was also needed.

Video would be:

• from embed code from youtube, vimeo, etc
• a url to a ASX/WMV/AVI file
• or both

Since a page that only displays videos is needed:

• creating a WordPress loop to display post excerpts would not work since the video would be removed and no text from the post should be displayed

So I figured using custom write panels would be the best way to achieve all this and still make it easy for the end user.

For creating the custom write panel, I referenced this blog post: Revisited: Creating Custom Write Panels in WordPress. I pasted the final code to my functions.php file unchanged except for my two fields, which I named videoasx and embedcode. So my custom write panel looks like so:

The embed code will be pasted as provided by Youtube/Vimeo/etc, which is all the code needed to properly display a video. For ASX/WMV/AVI urls, additional embed code is needed around the url to properly display an embedded video player. Prioritizing is needed to display a video if:

• neither embed code nor asx url is populated, then display nothing
• only one, either the embed code or asx url is populated, then display the video
• both are filled, display only the asx url video

So I came up with the following PHP code to be added in the theme files where ever the video should be displayed:

<?php if (!empty($data[ 'videoasx' ])) {
	echo '<OBJECT   ID="WinMedia"  classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"  CODEBASE= "http://activex.microsoft.com/activex/  controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"  width=480 height=295 standby="Loading Microsoft  Windows Media Player components..." type="application  /x-oleobject"><PARAM NAME="FileName"  VALUE="';
	echo $data[ 'videoasx' ];
	echo '"><PARAM NAME="AutoStart" Value="false"><PARAM NAME="ShowControls" Value="true"><Embed type="application/x-mplayer2"    pluginspage=    "http://www.microsoft.com/Windows/MediaPlayer/"    src="';
	echo $data[ 'videoasx' ];
	echo '"    Name=MediaPlayer    AutoStart=0    Width=480    Height=295    autostart=1    ShowControls=1  </embed></OBJECT>';	}
elseif (!empty($data[ 'embedcode' ])) {
	echo $data[ 'embedcode' ]; }
else {
echo ''; } ?>

This basically says:

1. If the asx url is filled, then display the video with this embed code and the url provided,
2. if the asx url is empty, then display the embed code,
3. if the embed code is empty too, then display nothing.

Which is quite different from the short php code that was provided in the article I referenced that will display just the contents of either field with no additional wrapping code or logic to display just one.

<?php echo $data[ 'videoasx' ]; ?>

or

<?php echo $data[ 'embedcode' ]; ?>

For creating the video only page, I created a WordPress loop that had nothing but my php code within. Something like:

<?php if ( have_posts()) : ?>
<?php while (have_posts()) : the_post(); $data = get_post_meta( $post->ID, 'key', true );?>
	<div class="video">
		<?php if (!empty($data[ 'videoasx' ])) {
			echo '<OBJECT   ID="WinMedia"  classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"  CODEBASE= "http://activex.microsoft.com/activex/  controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"  width=480 height=295 standby="Loading Microsoft  Windows Media Player components..." type="application  /x-oleobject"><PARAM NAME="FileName"  VALUE="';
			echo $data[ 'videoasx' ];
			echo '"><PARAM NAME="AutoStart" Value="false"><PARAM NAME="ShowControls" Value="true"><Embed type="application/x-mplayer2"    pluginspage=    	"http://www.microsoft.com/Windows/MediaPlayer/"    src="';
			echo $data[ 'videoasx' ];
			echo '"    Name=MediaPlayer    AutoStart=0    Width=480    Height=295    autostart=1    ShowControls=1  </embed></OBJECT>';	}
		elseif (!empty($data[ 'embedcode' ])) {
			echo $data[ 'embedcode' ]; }
		else {
		echo ''; } ?>
	</div>
<?php endwhile; ?><?php else : ?>
	<div class="post">
		<?php _e('Sorry, but you are looking for something that isn&#39;t here.'); ?>
	</div>
<?php endif; ?>

And that’s that. Hope this can help you somehow.

I’ll do my best to help answer any questions. Should you have any, please do not hesitate to leave a comment.

The result I wanted (which is what I got) looks like this:

The first image in the post is displayed or, if I designate an alternate, it will display an alternate image.

The first step I did was find a way to extract the image from a post. I found this in the WordPress.org support forums: Retrieve First Image From Post.

This worked beautifully, but noticed that it:

1. didn’t give me an easy way to override the image if I didn’t like the one it chose (which is the first image)
2. if I had an advertisement, even one that is generated by an iframe, it would take the image from the ad and display it instead, and
3. if I use shortcode to display a gallery (like what is used to display a NextGen Smooth gallery, it wouldn’t be able to extract a photo

So I looked for a way to add an image through the use of custom fields. I found number 9 from Custom Fields Hacks For WordPress to be most useful.

Then I did some nifty PHP to combine the two hacks and came out with this code.

Paste this into your theme’s functions.php file:

function get_custom_field_value($szKey, $bPrint = false) {
	global $post;
	$szValue = get_post_meta($post->ID, $szKey, true);
	if ( $bPrint == false ) return $szValue; else echo $szValue;
}

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
// no image found display default image instead
if(empty($first_img)){
$first_img = get_custom_field_value('mythumb');
}
return $first_img;
}

And use this within the WordPress loop for where you want to display the image:

<?php
$customField = get_post_custom_values("mythumb");
if (isset($customField[0])) {
    echo '<img src="';
    echo "".$customField[0];
	echo '" />'; }
  else{
echo '<img src="';
echo (catch_that_image());
echo '" />'; }
 ?>

The code assumes that you are using a custom field called “mythumb” and that you are using the full URL path of the image for “mythumb”.

What the code does is it first tells WordPress to display the image in “mythumb” then if that custom field is empty, it will then display the first image in the post. In effect, it displays the first image in a post or the one in a custom field.

A nice WP hack indeed!!

The following does not always work. If there are other instances of JS running on the public web page, there is a good chance that it will not work properly. That is the reason why the Smooth Gallery plugin gives the option to use iframes to fix the problem.

I couldn’t find any free or open source tools to make flash banners or JS rotating image banners. Everything I found had to be purchased, while the free versions were either limited to a specific image size or included a logo or link to promote the program’s website. All I really wanted to do was create (or fake) a flash banner in which each image would link to a different URL.

I knew about NextGEN Smooth Gallery, an excellent add-on plugin to the best WordPress Image gallery, NextGen. I couldn’t get either plug-in to work the way I wanted. NextGen would link only to pages in the same WordPress install and Smooth Gallery would only link to a full-size version of the image you clicked on.

So, I implemented Smooth Gallery on a page, published it, viewed it, then looked at the resulting page source code. Analyzing that, I figured out how to make each image in a NextGen Smooth Gallery slideshow link to a unique URL.

At the minimum, you need the following code:

<script type="text/javascript">
function startGallery_123() {
var myGallery = new gallery($("myGallery_123"), {
timed: true,
showCarousel: false,
showInfopane: false,
showArrows: false,
embedLinks: true,
slideInfoZoneOpacity: 0.80,
delay: 3000,
defaultTransition: "fade"
});
document.getElementById("myGallery_123").style.display = "block"; }
window.addEvent("domready", startGallery_123);
</script>
<div id="myGallery_123" style="display:none; width: 300px !important; height: 160px !important;">

<div class="imageElement">
<a target="_self" href="http://www.theURLyouwanttolinkto.com/" title="open" class="open" ></a>
<img src="http://image1.jpg" class="full" />
</div>

<div class="imageElement">
<a target="_self" href="http://anotherURLyouwanttolinkto.com/" title="open" class="open" ></a>
<img src="http://image2.jpg" class="full" />
</div>
</div>

Where,

• Gallery_123 (in blue) – the numbers all need to be the same value. In my example above I used 123. The choice of number is irrelevant, but they all have to match
• 3000 (in red) – is how long you want each image to show in milliseconds before it transitions to the next image. The higher the number, the longer each image shows
• 300px (in yellow) is the width of your images in pixels. No space between the number and ‘px’
• 160px (in pink) is the height of your images. No space between the number and ‘px’
• URLs to link to (in green) that you want each image to link to. Complete URLs with the “http://” It can be any image, whether it’s in a NextGEN gallery or not
• title text (in orange) the tooltip text you want to appear when the image is hovered over
• Image URLs (in dark orange) the complete URL of each image, complete with the “http://” and the file extension
• you can repeat the divs with the link and image URLs as many times as you need, one time for every image you want to show

Some notes:

• You need both the NextGen Gallery and NextGEN Smooth plugins activated to get this to work
• Works best if all image are the same size. If the image is too large, it will only show an incomplete image. If it’s too small, the empty space will be filled in with a black background
• Works by putting the code in a widget or in your template files
• Errors can/will occur when you have other JS scripts running
• For SEO purposes, you can add a header, such as <h3></h3> tags with a title right before the link tag <a>
• You can also add alt text to each image e.g <img src=”http://image.gif” alt=”alt text”>
• Oh yeah, this is for WordPress only!

Hope this can help you somehow – I know it’s helping me, I’m using it!

Feel free to ask questions or post comments below.