<?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>blarnee.com &#187; slideshow elements</title>
	<atom:link href="http://blarnee.com/wp/tag/slideshow-elements/feed/" rel="self" type="application/rss+xml" />
	<link>http://blarnee.com/wp</link>
	<description>Web design and development online &#124; Adnan Osmani's blog</description>
	<lastBuildDate>Fri, 03 Sep 2010 18:35:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Minibox &#8211; a compact jQuery Slideshow component (experimental release)</title>
		<link>http://blarnee.com/wp/minibox-a-compact-jquery-slideshow-component-experimental-release/</link>
		<comments>http://blarnee.com/wp/minibox-a-compact-jquery-slideshow-component-experimental-release/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 21:53:28 +0000</pubDate>
		<dc:creator>legacye</dc:creator>
				<category><![CDATA[Home]]></category>
		<category><![CDATA[compact]]></category>
		<category><![CDATA[image carousel]]></category>
		<category><![CDATA[image slideshow]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[slideshow elements]]></category>

		<guid isPermaLink="false">http://blarnee.com/wp/?p=428</guid>
		<description><![CDATA[Today I&#8217;ve been working on a compact slideshow component for jQuery &#8211; I can&#8217;t wait to get back to working on our CoverFlow component, but here&#8217;s a little extra you might find useful. I figured that as many of my fellow developers have sites with a fairly standard size sidebar, why not create something that [...]


Related posts:<ol><li><a href='http://blarnee.com/wp/new-release-the-820-byte-jquery-slideshow-component/' rel='bookmark' title='Permanent Link: New release: The 820 byte compact jQuery Slideshow component'>New release: The 820 byte compact jQuery Slideshow component</a> <small>&nbsp; One of the great things about working with jQuery...</small></li><li><a href='http://blarnee.com/wp/the-very-compact-jquery-slideshow-component/' rel='bookmark' title='Permanent Link: The Very Compact jQuery SlideShow component'>The Very Compact jQuery SlideShow component</a> <small> Hey guys. I&#8217;ve got lots of little projects in...</small></li><li><a href='http://blarnee.com/wp/cflow-coverflow-for-jquery-experimental-release/' rel='bookmark' title='Permanent Link: cFlow &#8211; Coverflow for jQuery (Experimental Release)'>cFlow &#8211; Coverflow for jQuery (Experimental Release)</a> <small>&nbsp; &nbsp; Update:&nbsp;This component has been replaced by the more...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img height="258" width="298" src="http://blarnee.com/wp/wp-content/uploads/preview.jpg" alt="" /></p>
<p style="text-align: left;">Today I&#8217;ve been working on a compact slideshow component for jQuery &#8211; I can&#8217;t wait to get back to working on our CoverFlow component, but here&#8217;s a little extra you might find useful. I figured that as many of my fellow developers have sites with a fairly standard size sidebar, why not create something that could offer simple image viewing capabilities in that limited realestate? This is where Minibox comes in.</p>
<p style="text-align: left;">The plugin (which you can see above with a polaroid skin) is fairly simple and allows you to flip back and forth between the images in a UL list and&nbsp; also displays captions for each item to your users. </p>
<p style="text-align: left;">One of the main aims of this mini-project was to create a small-sized add-on that doesn&#8217;t sacrifice on functionality &#8211; for example the component also includes a nice fade-in effect for transitions (using a minified version of the easing plugin).&nbsp; The total size of the plugin is 3.5kb with another 3.8kb needed for easing effects. Thats it.</p>
<p style="text-align: left;">You can download the sources now over at <a href="http://code.google.com/p/minibox-js/downloads/list">Google Code.</a></p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fblarnee.com%2Fwp%2Fminibox-a-compact-jquery-slideshow-component-experimental-release%2F&amp;t=Minibox%20-%20a%20compact%20jQuery%20Slideshow%20component%20%28experimental%20release%29" id="facebook_share_button_428" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_428') || document.getElementById('facebook_share_icon_428') || document.getElementById('facebook_share_both_428') || document.getElementById('facebook_share_button_428');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_428') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>


<p>Related posts:<ol><li><a href='http://blarnee.com/wp/new-release-the-820-byte-jquery-slideshow-component/' rel='bookmark' title='Permanent Link: New release: The 820 byte compact jQuery Slideshow component'>New release: The 820 byte compact jQuery Slideshow component</a> <small>&nbsp; One of the great things about working with jQuery...</small></li><li><a href='http://blarnee.com/wp/the-very-compact-jquery-slideshow-component/' rel='bookmark' title='Permanent Link: The Very Compact jQuery SlideShow component'>The Very Compact jQuery SlideShow component</a> <small> Hey guys. I&#8217;ve got lots of little projects in...</small></li><li><a href='http://blarnee.com/wp/cflow-coverflow-for-jquery-experimental-release/' rel='bookmark' title='Permanent Link: cFlow &#8211; Coverflow for jQuery (Experimental Release)'>cFlow &#8211; Coverflow for jQuery (Experimental Release)</a> <small>&nbsp; &nbsp; Update:&nbsp;This component has been replaced by the more...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://blarnee.com/wp/minibox-a-compact-jquery-slideshow-component-experimental-release/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
