<?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>Hidden Pixels &#187; Lightbox</title>
	<atom:link href="http://www.hiddenpixels.com/tag/lightbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hiddenpixels.com</link>
	<description>Web Design Resources, Web Design Tools, Web Design Tutorials, Website Design Inspirations Freebies</description>
	<lastBuildDate>Wed, 25 Aug 2010 13:10:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>FULLSIZE &#8211; Another Lightbox Clone</title>
		<link>http://www.hiddenpixels.com/javascript/fullsize-lightbox-clone/</link>
		<comments>http://www.hiddenpixels.com/javascript/fullsize-lightbox-clone/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 05:15:14 +0000</pubDate>
		<dc:creator>HPadmin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Fullsize]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[Lightbox Clone]]></category>

		<guid isPermaLink="false">http://hiddenpixels.com/?p=1058</guid>
		<description><![CDATA[There are many JavaScript/AJAX based Lightbox and clone image viewers, here is one more fantastic Lightbox clone it is called “FULLSIZE”. I like the way it need to configure, you just need to apply fullsize attribute to the &#60;IMG&#62; tag. In  fullsize attribute you need to set Path of larger (or fullsize) version of the [...]]]></description>
			<content:encoded><![CDATA[<div class="postbox">
<p><a target="_blank" href="http://www.addfullsize.com/"><img src="http://hiddenpixels.com/wp-content/uploads/2009/04/fullize.jpg" alt="" class="postimg" /></a><br />
    There are many JavaScript/AJAX based Lightbox and clone  image viewers, here is one more fantastic Lightbox clone it is called “FULLSIZE”.  I like the way it need to configure, you just need to apply <strong>fullsize</strong> attribute to the <strong>&lt;IMG&gt;</strong> tag. In  <strong>fullsize</strong> attribute you need to set Path  of larger (or fullsize) version of the image. </p>
<h3>jQuery Fullsize Plug-in</h3>
<hr />
Even though <strong>Fullsize</strong> is not currently in the next HTML spec,  you can still get Fullsize for FREE! they created a jQuery Plug-In that  does just what is described above and what you see in the video below.  Since there is no fullsize attribute for the <strong>&lt;IMG&gt;</strong> tag yet, They using the <strong>longdesc</strong> attribute instead. <strong>longdesc</strong>  is a completely valid image attribute and is meant to contain a URL to  a description of the image. The Fullsize jQuery plug-in is super easy  to use, and provides a kick start to standardizing the way image  pop-ups look and work.</p>
<p>Fullsize has been tested &amp; works in: Safari, Firefox, Chrome, Opera, IE 8, IE 7, and IE 6.</p>
<p>  <object width="400" height="250"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3934148&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3934148&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="250"></embed></object><br /><a target="_blank" href="http://vimeo.com/3934148"></p>
<p><a target="_blank" href="http://www.addfullsize.com/"><strong>Learn More</strong></a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hiddenpixels.com/javascript/fullsize-lightbox-clone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lightbox and Clones</title>
		<link>http://www.hiddenpixels.com/designer-and-developer-resources/lightbox/</link>
		<comments>http://www.hiddenpixels.com/designer-and-developer-resources/lightbox/#comments</comments>
		<pubDate>Mon, 14 Jul 2008 08:39:39 +0000</pubDate>
		<dc:creator>HPadmin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[HighSlide JS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Leightbox]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[LightWindow]]></category>
		<category><![CDATA[Litebox]]></category>

		<guid isPermaLink="false">http://hiddenpixels.com/?p=59</guid>
		<description><![CDATA[Litebox Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand. Support: Images, Image Sets Leightbox I&#8217;ve changed ParticleTree&#8217;s lightbox functionality [...]]]></description>
			<content:encoded><![CDATA[<div>
<h3><a target="_blank" href="http://www.doknowevil.net/litebox/" target="_blank">Litebox</a></h3>
<p><a target="_blank" href="http://www.doknowevil.net/litebox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox2.jpg" border="0" alt=" " hspace="3" vspace="2" align="left" /></a>Litebox is a modified version of <a target="_blank" href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">Lightbox   v2.0</a> created with one thing in mind, <strong>size reduction</strong>. Litebox utilizes   the 3kb javascript library <a target="_blank" href="http://moofx.mad4milk.net/" target="_blank">moo.fx</a> in association with <strong>prototype.lite</strong>, giving us   the basic tools we need to make this work and you the ability to expand.</p>
<p><strong>Support:</strong> Images, Image Sets</p>
</div>
<div>
<h3><a target="_blank" href="http://www.eight.nl/files/leightbox/" target="_blank">Leightbox</a></h3>
<p><a target="_blank" href="http://www.eight.nl/files/leightbox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox1.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a>I&#8217;ve changed ParticleTree&#8217;s lightbox functionality to allow the use of inline   div&#8217;s instead of AJAX calls. Very often I find that I want the data in the   lightbox to be indexable by search engines and visible to people with   screenreaders etc. This adaptation makes that possible. Mind you, i&#8217;ve   completely removed the AJAX calls.</p>
<p><strong>Support:</strong> HTML, Text</p>
</div>
<div>
<h3><a target="_blank" href="http://www.huddletogether.com/projects/lightbox2/" target="_blank">Lightbox 2</a></h3>
<p><a target="_blank" href="http://www.huddletogether.com/projects/lightbox2/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox3.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a>Lightbox is a simple, unobtrusive script used to overlay images on the current page. It&#8217;s a snap to setup and works on all modern browsers.</p>
<p><strong>Support:</strong> Images, Image Sets</p>
</div>
<div>
<h3><a target="_blank" href="http://www.nickstakenburg.com/projects/lightview/" target="_blank">Lightview</a></h3>
<p><a target="_blank" href="http://www.nickstakenburg.com/projects/lightview/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox4.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>Lightview was built to change the way you overlay content on a website.</p>
<p>It is Clean: Designed to compliment your   content., Fast: Smart image preloading.Easy to customize: You don&#8217;t even have to   know CSS.Rounded: Adjustable rounded corners,   without PNGs.Smart resizing: Content will always fit   on your screen. Custom events: Using Prototype 1.6 Slideshow: One button slideshow.<br />
Effects: Using Scriptaculous.<br />
Works on all modern browsers.</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML, Ajax, Flash</p>
</div>
<div>
<h3><a target="_blank" href="http://stickmanlabs.com/lightwindow/" target="_blank">Lightwindow</a></h3>
<p><a target="_blank" href="http://stickmanlabs.com/lightwindow/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox5.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>Supports EVERY Media type and renders it appropriatly., Better Animations!, All video/media bugs have been resolved!, Major improvements to IE!, Create your own custom overlays including transparent patterns!, You can create your own theme including markup/css/animations, author, caption, title, and params (Added for this library) attributes are supported, Create a window on the fly! and lot more&#8230;</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML, Ajax, Flash</p>
</div>
<div>
<h3><a target="_blank" href="http://www.dolem.com/lytebox/" target="_blank">Lytebox V3.2</a></h3>
<p><a target="_blank" href="http://www.dolem.com/lytebox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox6.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>Since the original version of Lytebox (which released with iFrame support),   major modifications have been made to improve performance as well as &#8220;Slideshow&#8221;   support, &#8220;Themes&#8221; support, HTML content support (as opposed to just images) and   many more configurable options that allow you to customize the look and feel of   Lytebox. These modifications were added as a result of user input, so if you   feel you have a good idea for a new feature, then visit the <a target="_blank" href="http://www.dolem.com/forum/forumdisplay.php?fid=6" target="_blank">Lytebox   Message Boards</a> and let it be known!</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML</p>
</div>
<div>
<h3><a target="_blank" href="http://serennz.sakura.ne.jp/toybox/lightbox/" target="_blank">Lightwindow</a></h3>
<p><a target="_blank" href="http://serennz.sakura.ne.jp/toybox/lightbox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox7.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p><strong class="name"><a target="_blank" href="http://www.huddletogether.com/projects/lightbox/" target="_blank">Lightbox JS</a></strong> is very cool and useful script to display an image on the page.</p>
<p>However only the part of the image is displayed when the image size is larger   than the window size. So I&#8217;ve created a script based on <em class="name">Lightbox   JS</em>.</p>
<p><strong>Support:</strong> Images, Image Sets</p>
</div>
<div>
<h3><a target="_blank" href="http://www.ibegin.com/labs/ibox/" target="_blank">iBox</a></h3>
<p><a target="_blank" href="http://www.ibegin.com/labs/ibox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox8.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>iBox is a lightweight script that lets you overlay images and documents in a   small dialog without a page reload. It&#8217;s built to be easy to install and use,   while offering great flexibility. The quick start shows   example code and explains how to use it.</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML, Ajax, Video</p>
</div>
<div>
<h3><a target="_blank" href="http://orangoo.com/labs/GreyBox/" target="_blank">GreyBox</a></h3>
<p><a target="_blank" href="http://orangoo.com/labs/GreyBox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox9.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>GreyBox can be used to display websites, images and other content in a   beautiful way. GreyBox can be used to display websites, images and other content in a   beautiful way.</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML</p>
</div>
<div>
<h3><a target="_blank" href="http://vikjavev.no/highslide/" target="_blank">Highslide JS</a></h3>
<p><a target="_blank" href="http://vikjavev.no/highslide/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox10.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>Highslide JS is an open source JavaScript software, offering a Web 2.0 approach   to popup windows. It streamlines the use of thumbnail images and HTML popups on   web pages. The library offers these features and advantages:</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML, Ajax, Flash</p>
</div>
<div>
<h3><a target="_blank" href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank">jQuery lightBox plugin</a></h3>
<p><a target="_blank" href="http://leandrovieira.com/projects/jquery/lightbox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox11.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>JQuery Lightbox Plugin</p>
<p><strong>Support:</strong> Images, Image Sets</p>
</div>
<div>
<h3><a target="_blank" href="http://www.makesites.cc/programming/by-makis/swfbox/" target="_blank">SWFbox</a></h3>
<p><a target="_blank" href="http://www.makesites.cc/programming/by-makis/swfbox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox12.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>The flash content is centered horizontally and vertically, You can have more than one SWFboxes in one web page, It’s lightweight. The code is simple and tight and includes only what is needed, Easy to implement. You only need to write the code for the link and the pop-up is generated dynamically.</p>
<p><strong>Support:</strong> Flash</p>
</div>
<div>
<h3><a target="_blank" href="http://jquery.com/demo/thickbox/" target="_blank">ThickBox</a></h3>
<p><a target="_blank" href="http://jquery.com/demo/thickbox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox13.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>ThickBox is a webpage UI dialog widget written in JavaScript on top of the <a target="_blank" href="http://www.jquery.com" target="_blank">jQuery</a> library. Its function is to show a   single image, multiple images, inline content, iframed content, or content   served through <a target="_blank" href="http://en.wikipedia.org/wiki/AJAX" target="_blank">AJAX</a> in a hybrid <a target="_blank" href="http://en.wikipedia.org/wiki/Modal_window" target="_blank">modal</a>.</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML, Ajax</p>
</div>
<div>
<h3><a target="_blank" href="http://alexei.417.ro/node/4" target="_blank">TinyBox</a></h3>
<p><a target="_blank" href="http://alexei.417.ro/node/4" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox14.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p><strong>TinyBox</strong> is an <strong>easy to use</strong> <strong>lightweight JavaScript library</strong> for creating <strong>modal   windows/dialogs</strong> in an elegant manner, without using traditional pop-up   windows. It can be used to <strong>overlay content</strong> on the current page.</p>
<p><strong>Support:</strong> Ajax</p>
</div>
<div>
<h3><a target="_blank" href="http://www.weebbox.com/" target="_blank">WeebBox</a></h3>
<p><a target="_blank" href="http://www.weebbox.com/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox15.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>This is a modified version based on Lokesh Dhakar&#8217;s superb <a target="_blank" href="http://www.lokeshdhakar.com/projects/lightbox2/" target="_blank">orginal   lightbox</a> that (i think) simplifies some of the features, adds some config   options, moves the nav to the top and best of all incorporates a slideshow   feature so you can sit back and watch your pics with a single click!</p>
<p><strong>Support:</strong>Images, Image Sets</p>
</div>
<div>
<h3><a target="_blank" href="http://fancy.klade.lv/" target="_blank">FancyBox</a></h3>
<p><a target="_blank" href="http://fancy.klade.lv/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox16.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a></p>
<p>Why? Because I was bored by so many pages using lightbox and it`s clones,</p>
<p>I   wanted something fresh and Mac-like. I couldn`t find any cool alternative that   would be build on top of jQuery, so the FancyBox was born.</p>
<p><strong>Support:</strong> Images, Image Sets, iframes, HTML</p>
</div>
<div>
<h3><a target="_blank" href="http://mjijackson.com/shadowbox/" target="_blank">ShadowBox</a></h3>
<p><a target="_blank" href="http://mjijackson.com/shadowbox/" target="_blank"><img src="http://hiddenpixels.com/wp-content/uploads/2008/07/lightbox161.jpg" border="0" alt="" hspace="3" vspace="2" align="left" /></a>Shadowbox is an online media viewer application that supports all of the web&#8217;s <a target="_blank" href="http://mjijackson.com/shadowbox/doc/support.html#media">most popular</a> media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is <a target="_blank" href="http://mjijackson.com/shadowbox/doc/api.html#options">highly customizable</a>. Using Shadowbox, website authors can showcase a wide assortment of media in <a target="_blank" href="http://mjijackson.com/shadowbox/doc/support.html#browsers">all major browsers</a> without navigating users away from the linking page.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hiddenpixels.com/designer-and-developer-resources/lightbox/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
	</channel>
</rss>
