<?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>Viewpoint &#187; Lightboxes</title>
	<atom:link href="http://www.dan-wong.com/tag/lightboxes/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dan-wong.com</link>
	<description>Notes on Web Design</description>
	<lastBuildDate>Mon, 27 Feb 2012 12:54:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Different Options For Implementing Lightboxes</title>
		<link>http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/</link>
		<comments>http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 23:02:11 +0000</pubDate>
		<dc:creator>DanWong</dc:creator>
				<category><![CDATA[Advanced Web Projects]]></category>
		<category><![CDATA[Beagles]]></category>
		<category><![CDATA[Harriers]]></category>
		<category><![CDATA[Hounds]]></category>
		<category><![CDATA[Lightboxes]]></category>
		<category><![CDATA[Script.aculo.us]]></category>

		<guid isPermaLink="false">http://www.dan-wong.com/blog/?p=50</guid>
		<description><![CDATA[If you have a selection of images you want to present as a thumbnail gallery you have a number of options. I&#8217;m going to show two of them here. One is the solution that&#8217;s built into WordPress, another is based on a wonderful Javascript library called Script.aculo.us.
The pics are from when we went down to [...]]]></description>
			<content:encoded><![CDATA[<p>If you have a selection of images you want to present as a thumbnail gallery you have a number of options. I&#8217;m going to show two of them here. One is the solution that&#8217;s built into WordPress, another is based on a wonderful Javascript library called <a href="http://script.aculo.us" target="_blank">Script.aculo.us</a>.</p>
<p>The pics are from when we went down to our dog’s breeder to choose her and bring her back to NYC. The breeder is <a href="http://www.pacifichounds.com/" target="_blank">Pacific Hounds</a> in Bridgewater, TX (north of Fort Worth) they mostly have harriers and beagles though they also have some foxhounds (both American and English) as well as a considerable number of bloodhounds which they run under their other business name <a href="http://www.hhpbloodhounds.com/" target="_blank">HHP Bloodhounds</a>.</p>
<p>First the gallery feature built into WordPress 2.6&#8230;</p>

<a href='http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/attachment/beagles-1-900x567/' title='Pack of beagles wanting a treat'><img width="150" height="94" src="http://www.dan-wong.com/resources/2008/10/beagles-1-900x567-150x94.jpg" class="attachment-thumbnail" alt="Bunch of small beagles hoping they&#039;ll get a treat" title="Pack of beagles wanting a treat" /></a>
<a href='http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/attachment/beagles-2-900x662/' title='Beagles everywhere!'><img width="150" height="110" src="http://www.dan-wong.com/resources/2008/10/beagles-2-900x662-150x110.jpg" class="attachment-thumbnail" alt="Lots of little beagles looking cute" title="Beagles everywhere!" /></a>
<a href='http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/attachment/beagles-3-900x600/' title='Cute beagles'><img width="150" height="100" src="http://www.dan-wong.com/resources/2008/10/beagles-3-900x600-150x100.jpg" class="attachment-thumbnail" alt="Cute little beagles waiting for a treat" title="Cute beagles" /></a>
<a href='http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/attachment/harrier-1-900x526/' title='Harrier looking intensely at something in the distance'><img width="150" height="87" src="http://www.dan-wong.com/resources/2008/10/harrier-1-900x526-150x87.jpg" class="attachment-thumbnail" alt="Harrier, alert, tail up, looking at something" title="Harrier looking intensely at something in the distance" /></a>
<a href='http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/attachment/harrier-2-900x623/' title='Harrier follows a scent'><img width="150" height="103" src="http://www.dan-wong.com/resources/2008/10/harrier-2-900x623-150x103.jpg" class="attachment-thumbnail" alt="Harrier hound tracks a scent" title="Harrier follows a scent" /></a>
<a href='http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/attachment/harriers-1-900x578/' title='Pack of harriers waiting for a treat'><img width="150" height="96" src="http://www.dan-wong.com/resources/2008/10/harriers-1-900x578-150x96.jpg" class="attachment-thumbnail" alt="6 harrier hounds hope their owner will give them a treat" title="Pack of harriers waiting for a treat" /></a>

<p>Notice that when you click on the images you&#8217;re taken to another page that just has a larger version of the image on it, and then when you click on the larger image you get the full size image.</p>
<p>Now lets try a nicer option from <a href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">HuddleTogether.com</a> (which is based on <a href="http://script.aculo.us" target="_blank">Script.aculo.us</a>, follow the Huddle Together link for full instructions and downloads).</p>
<p>
				<a href='http://www.dan-wong.com/blog/wp-content/uploads/2008/10/beagles-1-900x567.jpg' title='Pack of beagles wanting a treat' rel="lightbox[beagles]"><img src="http://www.dan-wong.com/blog/wp-content/uploads/2008/10/beagles-1-900x567-150x94.jpg" width="150" height="94"  /></a></p>
<p>				<a href='http://www.dan-wong.com/blog/wp-content/uploads/2008/10/beagles-2-900x662.jpg' title='Beagles everywhere!' rel="lightbox[beagles]"><img src="http://www.dan-wong.com/blog/wp-content/uploads/2008/10/beagles-2-900x662-150x110.jpg" width="150" height="110"  /></a></p>
<p>				<a href='http://www.dan-wong.com/blog/wp-content/uploads/2008/10/beagles-3-900x600.jpg' title='Cute beagles' rel="lightbox[beagles]"><img src="http://www.dan-wong.com/blog/wp-content/uploads/2008/10/beagles-3-900x600-150x100.jpg" width="150" height="100"  /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dan-wong.com/adv3650/advanced-web-projects/different-options-for-implementing-lightboxes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

