<?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>JiveBay &#187; lightbox</title>
	<atom:link href="http://jivebay.com/tag/lightbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://jivebay.com</link>
	<description>Web Development, Code Snippets, Technology, Reviews and Random Stuff Blog</description>
	<lastBuildDate>Thu, 29 Jul 2010 13:39:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JavaScript Image Slideshow Galleries Like Lightbox</title>
		<link>http://jivebay.com/2007/08/12/javascript-image-slideshow-galleries-like-lightbox/</link>
		<comments>http://jivebay.com/2007/08/12/javascript-image-slideshow-galleries-like-lightbox/#comments</comments>
		<pubDate>Sun, 12 Aug 2007 16:18:22 +0000</pubDate>
		<dc:creator>blogger</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[lightbox]]></category>

		<guid isPermaLink="false">http://jivebay.com/2007/08/12/javascript-image-slideshow-galleries-like-lightbox/</guid>
		<description><![CDATA[Recently I&#8217;ve been wanting to use something like Lightbox but without all the bloated code. Prototype (a JavaScript framework) and script.aculo.us (interface library for Prototype) can be quite big, or at least bigger than I like my scripts to be. Of course thats why I prefer jQuery, but I recently read about mootools which lets [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I&#8217;ve been wanting to use something like <a href="http://www.huddletogether.com/projects/lightbox/">Lightbox</a> but without all the bloated code. <a href="http://prototypejs.org/">Prototype</a> (a JavaScript framework) and <a href="http://script.aculo.us/">script.aculo.us</a> (interface library for Prototype) can be quite big, or at least bigger than I like my scripts to be. Of course thats why I prefer <a href="http://jquery.com/">jQuery</a>, but I recently read about <a href="http://mootools.net/">mootools</a> which lets you pick and choose what you need and will compress it before you download it. However, I&#8217;m not sure if <em>mootools</em> is as easy to write scripts with as <em>jQuery</em> is, but I figured I&#8217;d just throw that alternative out there.</p>
<p><strong>Anyway back to the list of scripts that will work like Lightbox</strong></p>
<ul>
<li><a href="http://www.huddletogether.com/projects/lightbox/">Lightbox</a> &#8211; the original (requires Prototype and script.aculo.us)</li>
<li><a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox 2</a> &#8211; even prettier than the original (requires Prototype and script.aculo.us)</li>
<li><a href="http://serennz.sakura.ne.jp/toybox/lightbox/">Lightbox Plus</a> &#8211; like Lightbox 2 but will resize the image to fit the window</li>
<li><a href="http://www.codefidelity.com/blog/?page_id=7">Lightbox++</a> &#8211; based on Lightbox 2 but supports Flash, was once known as <strong>SWFBox</strong> (requires Prototype and script.aculo.us)</li>
<li><a href="http://www.digitalia.be/software/slimbox">Slimbox</a> &#8211; visual clone of Lightbox 2 but much smaller (requires mootools)</li>
<li><a href="http://jquery.com/demo/thickbox/">Thickbox</a> &#8211; not as pretty as Lightbox 2 but it supports images, IFRAME, Flash, PDFs and more. It will also resize the image to fit the window (requires jQuery)</li>
<li><a href="http://mondaybynoon.com/2007/02/19/suckerfish-hoverlightbox-redux/">Suckerfish HoverLightbox Redux</a> &#8211; based on several other well known effects </li>
<li><a href="http://wildbit.com/demos/modalbox/">ModalBox</a> &#8211; it will also create modal dialogs or even wizards</li>
<li><a href="http://stickmanlabs.com/lightwindow/">LightWindow</a> &#8211; supports images, IFRAME, Flash, PDFs (requires Prototype and script.aculo.us)</li>
<li><a href="http://www.oscandy.com/open-source/58-slightbox-extension-for-jondesigns-smoothgallery">sLightbox</a> a <a href="http://smoothgallery.jondesign.net/">SmoothGallery</a> extension (requires mootools)</li>
<li><a href="http://orangoo.com/labs/GreyBox/">GreyBox</a> &#8211; yet another image gallery</li>
<li><a href="http://www.doknowevil.net/litebox/">Litebox</a> &#8211; uses <a href="http://moofx.mad4milk.net/">moo.fx</a> and <a href="http://moofx.mad4milk.net/old/scripts/prototype.lite.js">prototype.lite</a></li>
<li><a href="http://www.cabel.name/2008/02/fancyzoom-10.html">FancyZoom</a> &#8211; Nice Mac looking zoom effect</li>
<li><a href="http://gamma.ibegin.com/ibox/">iBox</a> &#8211; It automatically scales the image to the size of the browser&#8217;s viewing pane if it&#8217;s too big (Thickbox does that also). The JavaScript is 19kb and it uses target attribute for a CSS popup if JavaScript is disabled.</li>
</ul>
<p>There are probably about 20 other variations of Lightbox and Lightbox 2, other homegrown versions and even some commercial versions, but I think this list is the best of the best (plus many of them are up to date and in constant development). <em>Slimbox</em>, <em>Thickbox</em> and <em>Litebox</em> are the lightweights in the list.</p>
<p><ins datetime="2007-10-06T13:35:37+00:00">Added Litebox</ins><br />
<ins datetime="2008-03-06T21:35:09+00:00">Added FancyZoom</ins><br />
<ins datetime="2008-03-13T16:42:40+00:00">Added iBox</ins></p>
<img src="http://jivebay.com/?ak_action=api_record_view&id=160&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://jivebay.com/2007/08/12/javascript-image-slideshow-galleries-like-lightbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
