<?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>Surepoint blog &#187; Lightbox 2</title>
	<atom:link href="http://www.surepoint.co.uk/blog/tag/lightbox-2/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.surepoint.co.uk/blog</link>
	<description>Trusted knowledge services helping people work better together</description>
	<lastBuildDate>Wed, 31 Aug 2011 08:50:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Experimentations with Lightbox 2</title>
		<link>http://www.surepoint.co.uk/blog/2009/02/experimentations-with-lightbox-2/</link>
		<comments>http://www.surepoint.co.uk/blog/2009/02/experimentations-with-lightbox-2/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 22:11:25 +0000</pubDate>
		<dc:creator>Rowan Purdy</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[Lightbox 2]]></category>

		<guid isPermaLink="false">http://www.surepoint.co.uk/blog/?p=133</guid>
		<description><![CDATA[Lightbox 2 allows you to present images in a slick window, while darkening the rest of the page. It adds a whole lot of design panache to a website, and adds very little to page load times]]></description>
			<content:encoded><![CDATA[<p>The brilliant <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox 2</a> javascript/css, written by Lokesh Dhakar, allows you to present images in a slick window, while darkening the rest of the page. It adds a whole lot of design panache to a website, and adds very little to page load times. It does not require any browser plugins to work. It uses javascript and when a browser doesn’t support javascript, the code fails gracefully.</p>
<p>I have recently been experimenting with a WordPress plugin developed by <a href="http://stimuli.ca/lightbox/">Rupert Morris</a> that makes the implementation of <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox 2</a> a snap. </p>
<p>Click on the images below to see <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox 2</a> in action. Hats off to Lokesh and Rupert. All images courtesy of <a href="http://www.flickr.com/">www.flickr.com</a> in accordance with the <a href="http://flickr.com/creativecommons/by-2.0/">Creative Commons attribution license</a>. Attributions in alt tags of images and full attributions at foot of this page.</p>
<div align="center">
<a href="http://farm1.static.flickr.com/15/92843510_1716ca4eb9.jpg" rel="lightbox[133]"><img src="http://farm1.static.flickr.com/15/92843510_1716ca4eb9.jpg" alt="Red Bricks by DonnaGrayson http://flickr.com/photos/donnagrayson/92843510/" title="Red Bricks" width="150" height="100" /></a><br />
<a href="http://farm1.static.flickr.com/28/92843509_32863f70a1.jpg" rel="lightbox[133]"><img src="http://farm1.static.flickr.com/28/92843509_32863f70a1.jpg" alt="Pink &#038;Yellow Wall by DonnaGrayson http://flickr.com/photos/donnagrayson/92843509/" title="Pink &#038;Yellow Wall" width="150" height="100" /></a><br />
<a href="http://farm2.static.flickr.com/1178/1447039348_f77afe30c8.jpg" rel="lightbox[133]"><img src="http://farm2.static.flickr.com/1178/1447039348_f77afe30c8.jpg" alt="deep blue sea (wall) by christing-O- http://flickr.com/photos/christing/1447039348/" title="deep blue sea (wall)" width="150" height="100" /></a><br />
<a href="http://farm4.static.flickr.com/3037/2370469559_36b29b7224.jpg" rel="lightbox[133]"><img src="http://farm4.static.flickr.com/3037/2370469559_36b29b7224.jpg" alt="Orange texture by geishaboy500 http://flickr.com/photos/geishaboy500/2370469559/" title="Orange texture" width="150" height="100" /></a><br />
<a href="http://farm2.static.flickr.com/1097/1152651136_9dee498672.jpg" rel="lightbox[133]"><img src="http://farm2.static.flickr.com/1097/1152651136_9dee498672.jpg" alt="layer_texture_011 by cwbuecheler http://flickr.com/photos/cuse/1152651136/" title="layer_texture_011" width="150" height="100"  /></a><br />
<a href="http://farm1.static.flickr.com/59/204239787_63445a7946.jpg" rel="lightbox[133]"><img src="http://farm1.static.flickr.com/59/204239787_63445a7946.jpg" alt="Stair by Neil 101 http://flickr.com/photos/neilw/204239787/" title="Stair by Neil 101" width="150" height="100" /></a><br />
<a href="http://farm4.static.flickr.com/3020/2392965854_277b7d3427.jpg" rel="lightbox[133]"><img src="http://farm4.static.flickr.com/3020/2392965854_277b7d3427.jpg" alt="Wood Blue Texture by cirox http://flickr.com/photos/cirox/2392965854/" title="Wood Blue Texture" width="150" height="100" /></a><br />
<a href="http://farm4.static.flickr.com/3288/3280287142_82e810d987.jpg" rel="lightbox[133]"><img src="http://farm4.static.flickr.com/3288/3280287142_82e810d987.jpg" alt="teXture 004 - Rusty Metal by Just.N8 http://flickr.com/photos/themacguy2k/3280287142/" title="teXture 004 - Rusty Metal" width="150" height="100" /></a>
</div>
<p><strong>Attributions</strong></p>
<ul>
<li>Red Bricks by DonnaGrayson <a href="http://flickr.com/photos/donnagrayson/92843510/">http://flickr.com/photos/donnagrayson/92843510/</a></li>
<li>Pink &#038;Yellow Wall by DonnaGrayson <a href="http://flickr.com/photos/donnagrayson/92843509/">http://flickr.com/photos/donnagrayson/92843509/</a></li>
<li>deep blue sea (wall) by christing-O- <a href="http://flickr.com/photos/christing/1447039348/">http://flickr.com/photos/christing/1447039348/</a></li>
<li>Orange texture by geishaboy500 <a href="http://flickr.com/photos/geishaboy500/2370469559/">http://flickr.com/photos/geishaboy500/2370469559/</a></li>
<li>layer_texture_011 by cwbuecheler <a href="http://flickr.com/photos/cuse/1152651136/">http://flickr.com/photos/cuse/1152651136/</a></li>
<li>Stair by Neil 101 <a href="http://flickr.com/photos/neilw/204239787/">http://flickr.com/photos/neilw/204239787/</a></li>
<li>Wood Blue Texture by cirox <a href="http://flickr.com/photos/cirox/2392965854/">http://flickr.com/photos/cirox/2392965854/</a></li>
<li>teXture 004 &#8211; Rusty Metal by Just.N8 <a href="http://flickr.com/photos/themacguy2k/3280287142/">http://flickr.com/photos/themacguy2k/3280287142/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.surepoint.co.uk/blog/2009/02/experimentations-with-lightbox-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

