<?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>digital complexion &#187; Jquery Gallery Examples</title>
	<atom:link href="http://www.digitalcomplexion.com/tags/jquery-gallery-examples/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.digitalcomplexion.com</link>
	<description>Pass It On</description>
	<lastBuildDate>Fri, 30 Dec 2011 13:01:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Jquery Gallery Examples Part 1- The best web galleries out there.</title>
		<link>http://www.digitalcomplexion.com/archives/2009/12/27/jquery-gallery-examples-part-1/</link>
		<comments>http://www.digitalcomplexion.com/archives/2009/12/27/jquery-gallery-examples-part-1/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 14:26:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Jquery Gallery Examples]]></category>

		<guid isPermaLink="false">http://www.digitalcomplexion.com/?p=976</guid>
		<description><![CDATA[I wanted to put together some of my favorite jquery galleries so client, friends and everyone else can see what can be used to make there website pop. These galleries are easy to implement into sites and they do not require Flash. So in all most all [...]]]></description>
			<content:encoded><![CDATA[<p>I wanted to put together some of my favorite jquery galleries so client, friends and everyone else can see what can be used to make there website pop. These galleries are easy to implement into sites and they do not require Flash. So in all most all cases you will benefit more from SEO and will be able to track the traffic movement in Google Analytics. <span id="more-976"></span></p>
<p>I tried to categorize the galleries into types and list them below.</p>
<h2 style="margin-top: 25px;">Galleriffic</h2>
<p><a href="http://jalbum.net/skins/skin/Galleriffic" target="_blank"> <img class="size-medium wp-image-980" title="Galleriffic" src="http://www.digitalcomplexion.com/wp-content/uploads/2009/12/galleriffic-383x300.gif" alt="Galleriffic" width="383" height="300" /></a></p>
<p><strong>Description:</strong><br />
Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.</p>
<p><strong>Features: </strong></p>
<ul>
<li> Smart Image Preloading after the page is loaded</li>
<li> Thumbnail Navigation (with pagination)</li>
<li> Keyboard Navigation</li>
<li> Bookmark-friendly URLs when history is enabled</li>
<li> Slideshow (with auto-updating url bookmarks)</li>
<li> Image cross-fade transitions</li>
<li> Download Link for the original image</li>
<li> Flexible configuration</li>
</ul>
<p>Updated to use version 2.0.1 of the Galleriffic jQuery plugin. New features include image crossfades, keyboard navigation, and the ability to choose where the thumbnails are to be positioned.</p>
<h2><strong><a href="http://jalbum.net/skins/skin/Galleriffic" target="_blank">View Demo</a></strong></h2>
<h2 style="margin-top: 25px;">Galleria</h2>
<p><a href="http://devkick.com/lab/galleria/" target="_blank"> <img class="size-medium wp-image-988" title="Galleria" src="http://www.digitalcomplexion.com/wp-content/uploads/2009/12/galleria-329x300.jpg" alt="Galleria" width="329" height="300" /></a></p>
<p>This gallery was created from a simple unordered list with images &#8211; thumbnails and functionality is all in the Galleria plugin. Viewing this page without javascript or CSS enabled with degrade it into a list of full-size images.</p>
<p>The history object is also active, so feel free to try the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.</p>
<p><strong>Features:</strong></p>
<ul>
<li>Unobtrusive javascript</li>
<li>Degrades gracefully if the browser doesn’t support javascript or CSS</li>
<li>Lightweight (4k packed)</li>
<li>Displays the thumbnail when the actual image is loaded</li>
<li>CSS powered &#8211; create your own gallery style</li>
<li>Super fast image browsing since the images are preloaded one at a time in the background</li>
<li>Can scale thumbnails and crop to fit in thumbnail container</li>
<li>Can be used with custom thumbnails</li>
<li>Stylable caption from image or anchor title</li>
<li>jQuery plugin &#8211; takes one line to implement</li>
<li>Browserproof</li>
<li>Can adjust the history object and enable the back button in your browser</li>
<li>Can fire events so you can customize the images behaviour onLoad</li>
</ul>
<h2><strong><a href="http://devkick.com/lab/galleria/" target="_blank">View Demo</a></strong></h2>
<h2 style="margin-top: 25px;"><strong>NotesForLightBox</strong></h2>
<p><strong><a href="http://www.notesfor.net/post/NotesForLightBox.aspx" target="_blank"> <img class="size-medium wp-image-977" src="http://www.digitalcomplexion.com/wp-content/uploads/2009/12/notesforlightbox-458x256.jpg" alt="Notes For Lightbox" width="458" height="256" /></a></strong></p>
<p><strong>NotesForLightBox </strong>s 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>The current functionalities are:</p>
<ul>
<li>Rounded corners light box</li>
<li>Navigation with buttons</li>
<li>Real slide show with progress bar</li>
</ul>
<h2><a href="http://www.notesfor.net/post/NotesForLightBox.aspx" target="_blank">View Demo</a></h2>
<h2 style="margin-top: 25px;">Jquery Morphing Gallery</h2>
<p><a rel="attachment wp-att-1000" href="http://www.digitalcomplexion.com/wp-content/uploads/2009/12/jquerymorghinggallery.jpg"><img class="alignnone size-medium wp-image-1000" title="Jquery Morghing Gallery" src="http://www.digitalcomplexion.com/wp-content/uploads/2009/12/jquerymorghinggallery-458x199.jpg" alt="" width="458" height="199" /></a></p>
<p>In this tutorial you will learn how to create a simple image gallery that when an image is selected, it will “morph” into its relevant size.</p>
<h2><a href="http://codeassembly.com/examples/gallery/index.html" target="_blank">View Demo</a></h2>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.digitalcomplexion.com/archives/2009/12/27/jquery-gallery-examples-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

