<?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>Attackr.com &#187; Developer Portal for web designers, developers and programmers</title>
	<atom:link href="http://www.attackr.com/tag/phx-web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.attackr.com</link>
	<description>Come To Share, Come To Learn</description>
	<lastBuildDate>Tue, 20 Dec 2011 13:09:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Thinking Outside The LightBox &#8211; TOP 10 PICKS</title>
		<link>http://www.attackr.com/thinking-outside-the-lightbox-top-10-picks-part-1/</link>
		<comments>http://www.attackr.com/thinking-outside-the-lightbox-top-10-picks-part-1/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 23:04:33 +0000</pubDate>
		<dc:creator>Gregory Milby</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[atlanta web page design]]></category>
		<category><![CDATA[design hardware los angeles]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[online graphic design college]]></category>
		<category><![CDATA[phx web design]]></category>
		<category><![CDATA[web design firm orange county]]></category>

		<guid isPermaLink="false">http://www.attackr.com/?p=468</guid>
		<description><![CDATA[You know what a lightbox is &#8211; even if you don&#8217;t think you do. They&#8217;ve penetrated our daily internet lives as a way to dramatically display some content by popping up the content while graying out the background. There have been some lists created with names of list boxes, but no one has sorted them [...]]]></description>
			<content:encoded><![CDATA[<p>You know what a lightbox is &#8211; even if you don&#8217;t think you do.  They&#8217;ve penetrated our daily internet lives as a way to dramatically display some content by popping up the content while graying out the background.</p>
<p>There have been some lists created with names of list boxes, but no one has sorted them out into designer-friendly categories. Especially sorted by value-type perspective.  Though there are a variety of javascript classes/methodologies used to reproduce the lightbox effect.  This post will review the high function lightbox scripts regardless of the class variety used to produce the product.</p>
<p>I&#8217;ll rehash the lists, and add some of my findings too &#8211; My opinions will be poised from the ease of use, how fast they load and complexity (is it more of a pain in the butt to implement it than it&#8217;s worth).</p>
<p>Here are the lightbox clones that seem to stand out, but as I soon learned, standing out means it&#8217;s bulky&#8230; the prettier it is, the more baggage it is (Kind of like a rich lady traveling?).</p>
<p><a title="Greybox" href="http://orangoo.com/labs/GreyBox/" target="_blank">Greybox</a> (&amp; <a title="http://jquery.com/demo/grey/" href="http://jquery.com/demo/grey/" target="_blank">Greybox redeux</a>) may be one of the most amazing ones out there, er &#8211; I mean pop up lightbox clone scripts.   It handles iframes with ease (including a web page inside the pop up) &#8211; all of the close buttons are appealing and it&#8217;s smooth as butta. Just make room for the 50 suitcases though.</p>
<p><a title="Leightbox" href="http://www.eight.nl/static/files/leightbox/" target="_blank">Leightbox</a> (Yes, it&#8217;s spelled correctly).  I may be in love with script&#8230; it&#8217;s light &#8211; insanely fast, and a painless install.  It&#8217;s not the flashiest script out there, but when you need something rock solid and fast &#8211; it&#8217;s Leightbox to the rescue.</p>
<p><a title="http://www.huddletogether.com/projects/lightbox2/" href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">Lightbox2</a> is like it&#8217;s namesake &#8211; it performs as the original, but it does take things a step (or 2) further &#8211; it can handle image sets, so you&#8217;ll have the forward/reverse arrows are visible on the popup image &#8211; which saves the viewer a little trouble while browsing images.  It&#8217;s package load is reasonably light, but the &#8216;Close button&#8217; for lightbox 2 is easy to spot for the user. Lightbox2 seems to have taken the user into account while developing this script.</p>
<p><a title="http://stickmanlabs.com/lightwindow/#demos" href="http://stickmanlabs.com/lightwindow/#demos" target="_blank">Lightwindow</a> is a newer one on the scene, but it is a good contender.  Easy setup, VERY clean design make it a good choice to integrate into 2.0/3.0 sites. Only a designer could appreciate the rounded corners feature,  and the fast image preloading.</p>
<p><a title="http://www.weebbox.com/" href="http://www.weebbox.com/" target="_blank">Weebox</a> is small, fast and flexible.  It&#8217;s self-explainatary name says it all.  It&#8217;s actually one of my final picks along with Leightbox.  There is a reported problem with safari web browser, so keep that in mind for the mac audience.</p>
<p><a title="http://jquery.com/demo/thickbox/" href="http://jquery.com/demo/thickbox/" target="_blank">Thickbox</a> is like &#8220;old faithful&#8221; JQuery-based &#8211; always there/always works, but the only complaint is that the stock close button is hard to find for new &amp; inexperienced web users.  A big hold back when designing anything that is retail oriented.</p>
<p><a title="http://www.digitalia.be/software/slimbox" href="http://www.digitalia.be/software/slimbox" target="_blank">Slimbox</a> is another top choice &#8211; it&#8217;s fast, easy to use and even looks good. One of it&#8217;s most useful features is that it does a lot of the &#8216;little stuff&#8217; that saves some time &#8211; auto centers images into the lightbox pop up, scrolls through images in list &#8211; even does horizontal scrolling without missing a beat.</p>
<p><a title="http://www.shadowbox-js.com/index.html" href="http://www.shadowbox-js.com/index.html" target="_blank">Shadowbox</a> the project goals for Shadowbox are rare &#8211; their project goals were to develop an unobtrusive piece of code that performed the same way every time.  This script even will refuse to scroll &#8211; big pitfall of most of these iframe based lightbox clones.  If an image is too big &#8211;  it only shows the area that is within the spec&#8217;s of the window &#8211; keep the user experience clean and neat.</p>
<p><a title="http://gueschla.com/labs/smoothbox/" href="http://gueschla.com/labs/smoothbox/" target="_blank">Smoothbox</a> is another extremely light-weight lightbox script.   The setup is quick/easy &#8211; it&#8217;s not bulky or clunky, and only requires 2 files to operate (css &amp; js, and images of course).</p>
<p><a title="http://www.wildbit.com/labs/modalbox/" href="http://www.wildbit.com/labs/modalbox/" target="_blank">Modalbox</a> is the balance of all of the goals.  It&#8217;s big enough to look &#8220;AMAZING&#8221; &amp; light weight enough to move around &amp; setup easily.  If you&#8217;re developing an online application and want to add the &#8220;WOW&#8221; factor without a headache &#8211; here ya go.   You MUST click on the examples and &#8216;see it in action&#8217; buttons on <a title="http://www.wildbit.com/projects/modalbox/frame-demo-step1.php" href="http://www.wildbit.com/projects/modalbox/frame-demo-step1.php" target="_blank">this page</a>.  The confirmation box along with the ability to enable/disable client side features is a great idea.</p>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.attackr.com/the-top-10-best-free-image-editors-on-the-web/' title='The Top 10 Best FREE Image Editors On The Web'>The Top 10 Best FREE Image Editors On The Web</a></li>
<li><a href='http://www.attackr.com/how-to-fix-your-sucky-website-with-minimal-effort/' title='How To Fix Your Sucky Website With Minimal Effort'>How To Fix Your Sucky Website With Minimal Effort</a></li>
<li><a href='http://www.attackr.com/10-reasons-why-your-website-failed/' title='10 Reasons Why Your Website Failed'>10 Reasons Why Your Website Failed</a></li>
<li><a href='http://www.attackr.com/steps-to-greater-website-profits/' title='Steps to Greater Website Profits'>Steps to Greater Website Profits</a></li>
<li><a href='http://www.attackr.com/what-makes-a-good-logo/' title='What Makes a Good Logo?'>What Makes a Good Logo?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.attackr.com/thinking-outside-the-lightbox-top-10-picks-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
