It’s Called Web Design

A plugin for WordPress, the Flickr Photo Album utilizes Flickr API to pull your Flickr photos to your WordPress blog. This is great because you not only can potentially host as many photos as you want (for a small fee of course) but you won’t have to use any of your bandwidth.

Click here to get the plugin:  http://tantannoodles.com/toolkit/photo-album/

The plugin also comes with it’s own image gallery which is very useful.  Here’s the demo for the look of the gallery:  http://tantannoodles.com/photos/album/72157603100486248/photo/1977213705/david-crowder-at-the-930-club-p1000720jpg.html. It’s a very clean design, but it’s kind of bland for my tastes.

But, never fear, it comes with jquery popup galleries. You can choose from Lightbox, Fancyzoom, Fancybox, and Facebox. Click here for the demo:  http://tantannoodles.com/flickr-demo/.

I used Lightbox for one of my sites, it’s kind of complicated to use.  The first step is to download the jquery lightbox plugin, because the popup overlay won’t work without it.  Upload it to your plugins folder.

Next, open your photoalbum-resources.php and scroll down until you find

/*
	jQuery lightBox: http://leandrovieira.com/projects/jquery/lightbox/
*/
class TanTanFlickrDisplayJQueryLightboxBox extends TanTanFlickrPopUpOverlay {
	function headTags() {
		wp_enqueue_script('jquery');
		wp_print_scripts();
		echo '<link href="'.TANTAN_DISPLAY_LIBRARY_PATH.'/jquery-lightbox-0.5/css/jquery.lightbox.css" media="screen" rel="stylesheet" type="text/css"/>';
		echo '<script src="'.TANTAN_DISPLAY_LIBRARY_PATH.'/jquery-lightbox-0.5/js/jquery.lightbox.js" type="text/javascript"></script>';
		echo '<script type="text/javascript">jQuery(document).ready(function($) { $("a.tt-flickr[href$=.jpg]").lightBox(); });</script>';
	}
}

You need to change “jquery.lightbox.css” to “jquery.lightbox-0.5.css” and “jquery.lighbox.js” to “jquery.lighbox-0.5.js”. Now, we have to change the “.TANTAN_DISPLAY_LIBRARY_PATH.”. Scroll all the way to the top to what looks like this:

f (!defined('TANTAN_DISPLAY_LIBRARY'))      define('TANTAN_DISPLAY_LIBRARY', false);
if (!defined('TANTAN_DISPLAY_LIBRARY_PATH')) define('TANTAN_DISPLAY_LIBRARY_PATH', 'http://static.tantannoodles.com');
if (!defined('TANTAN_DISPLAY_POPUP_SIZE'))   define('TANTAN_DISPLAY_POPUP_SIZE', 'Medium');

Change TANTAN_DISPLAY_LIBRARY_PATH to ‘http://yourdomain.com/wp-content/plugins/’. Replace yourdoman with your domain. Now, this was the tricky part for me. Change TANTAN_DISPLAY_LIBRARY from ‘false’ to ‘lightbox’. Save then upload your photoalbum-resources.php into your current theme’s folder.

And you’re done. Now you have a sweet image gallery via Flickr.

Tags: flickr, lightbox, plugin, tantan noodles, Wordpress

This entry was posted on Friday, September 19th, 2008 at 1:53 pm and is filed under Plugins, Tutorials, Wordpress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.