<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>It's Called Web Design &#187; jack23</title>
	<atom:link href="http://itscalledwebdesign.com/author/jack23/feed/" rel="self" type="application/rss+xml" />
	<link>http://itscalledwebdesign.com</link>
	<description>Web 2.0 is so 2004. . . .</description>
	<lastBuildDate>Fri, 27 Jan 2012 16:59:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Using Lightbox with the Flickr Photo Album Plugin</title>
		<link>http://itscalledwebdesign.com/tutorials/using-lightbox-with-the-flickr-photo-album-plugin/</link>
		<comments>http://itscalledwebdesign.com/tutorials/using-lightbox-with-the-flickr-photo-album-plugin/#comments</comments>
		<pubDate>Fri, 19 Sep 2008 20:53:56 +0000</pubDate>
		<dc:creator>jack23</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[tantan noodles]]></category>

		<guid isPermaLink="false">http://itscalledwebdesign.com/?p=76</guid>
		<description><![CDATA[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&#8217;t have to use any of your bandwidth. Click here to [...]]]></description>
			<content:encoded><![CDATA[<p>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&#8217;t have to use any of your bandwidth.<span id="more-76"></span></p>
<p>Click here to get the plugin:  <a href="http://tantannoodles.com/toolkit/photo-album/" target="_blank">http://tantannoodles.com/toolkit/photo-album/</a></p>
<p>The plugin also comes with it&#8217;s own image gallery which is very useful.  Here&#8217;s the demo for the look of the gallery:  <a href="http://tantannoodles.com/photos/album/72157603100486248/photo/1977213705/david-crowder-at-the-930-club-p1000720jpg.html" target="_blank">http://tantannoodles.com/photos/album/72157603100486248/photo/1977213705/david-crowder-at-the-930-club-p1000720jpg.html</a>. It&#8217;s a very clean design, but it&#8217;s kind of bland for my tastes.</p>
<p>But, never fear, it comes with jquery popup galleries. You can choose from Lightbox, Fancyzoom, Fancybox, and Facebox. Click here for the demo:  <a href="http://tantannoodles.com/flickr-demo/" target="_blank">http://tantannoodles.com/flickr-demo/</a>.</p>
<p>I used Lightbox for one of my sites, it&#8217;s kind of complicated to use.  The first step is to download the <a title="jquery lightbox" href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">jquery lightbox plugin</a>, because the popup overlay won&#8217;t work without it.  Upload it to your plugins folder.</p>
<p>Next, open your photoalbum-resources.php and scroll down until you find</p>
<pre>/*
	jQuery lightBox: http://leandrovieira.com/projects/jquery/lightbox/
*/
class TanTanFlickrDisplayJQueryLightboxBox extends TanTanFlickrPopUpOverlay {
	function headTags() {
		wp_enqueue_script('jquery');
		wp_print_scripts();
		echo '&lt;link href="'.TANTAN_DISPLAY_LIBRARY_PATH.'/jquery-lightbox-0.5/css/jquery.lightbox.css" media="screen" rel="stylesheet" type="text/css"/&gt;';
		echo '&lt;script src="'.TANTAN_DISPLAY_LIBRARY_PATH.'/jquery-lightbox-0.5/js/jquery.lightbox.js" type="text/javascript"&gt;&lt;/script&gt;';
		echo '&lt;script type="text/javascript"&gt;jQuery(document).ready(function($) { $("a.tt-flickr[href$=.jpg]").lightBox(); });&lt;/script&gt;';
	}
}</pre>
<p>You need to change &#8220;jquery.lightbox.css&#8221; to &#8220;jquery.lightbox-0.5.css&#8221; and &#8220;jquery.lighbox.js&#8221; to &#8220;jquery.lighbox-0.5.js&#8221;. Now, we have to change the &#8220;.TANTAN_DISPLAY_LIBRARY_PATH.&#8221;. Scroll all the way to the top to what looks like this:</p>
<pre>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');</pre>
<p>Change TANTAN_DISPLAY_LIBRARY_PATH to &#8216;http://yourdomain.com/wp-content/plugins/&#8217;. Replace yourdoman with your domain. Now, this was the tricky part for me. Change TANTAN_DISPLAY_LIBRARY from &#8216;false&#8217; to &#8216;lightbox&#8217;. Save then upload your photoalbum-resources.php into your current theme&#8217;s folder.</p>
<p>And you&#8217;re done. Now you have a sweet image gallery via Flickr.</p>
]]></content:encoded>
			<wfw:commentRss>http://itscalledwebdesign.com/tutorials/using-lightbox-with-the-flickr-photo-album-plugin/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

