<?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>Design Lib &#187; Web development</title>
	<atom:link href="http://www.designlib.com/category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designlib.com</link>
	<description>Design blog to entertain your design sense</description>
	<lastBuildDate>Fri, 18 Jun 2010 12:54:32 +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>20+ Fantastic text effects with jquery</title>
		<link>http://www.designlib.com/web-development/jquery/20-fantastic-text-effects-with-jquery/</link>
		<comments>http://www.designlib.com/web-development/jquery/20-fantastic-text-effects-with-jquery/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 10:00:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[airplane text effect]]></category>
		<category><![CDATA[CSS gradient]]></category>
		<category><![CDATA[font effect]]></category>
		<category><![CDATA[font size jquery]]></category>
		<category><![CDATA[jquery 3D text]]></category>
		<category><![CDATA[jquery cloud effect]]></category>
		<category><![CDATA[jquery dancing text]]></category>
		<category><![CDATA[jquery emboss effect]]></category>
		<category><![CDATA[jquery font effect]]></category>
		<category><![CDATA[jquery gradient]]></category>
		<category><![CDATA[jquery text animation]]></category>
		<category><![CDATA[jquery text effects]]></category>
		<category><![CDATA[label effect]]></category>
		<category><![CDATA[rainbow effect]]></category>
		<category><![CDATA[resize]]></category>
		<category><![CDATA[running text jquery]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[Text effect]]></category>

		<guid isPermaLink="false">http://www.designlib.com/?p=381</guid>
		<description><![CDATA[Jquery once again took the lead in defining the textual effects and making simple what most of the programmers hesitates to do is &#8220;typography&#8221;. Using some of the coolest plugins of jquery, you can create textual effects within minutes and not only this, you can also create textual animations without taking help of designers. This [...]]]></description>
			<content:encoded><![CDATA[<p>Jquery once again took the lead in defining the textual effects and making simple what most of the programmers hesitates to do is &#8220;typography&#8221;. Using some of the coolest plugins of jquery, you can create textual effects within minutes and not only this, you can also create textual animations without taking help of designers. This is really amazing!!!.</p>
<p>Checkout some of the coolest examples of textual effects using jquery and a handy touch of CSS.</p>
<h2><a href="http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/" target="_blank">1. CSS gradient text effect with jquery</a></h2>
<p><img class="aligncenter size-full wp-image-383" title="css gradiant text effect with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/css_gradiant.jpg" alt="" width="540" height="256" /></p>
<h2><span id="more-381"></span></h2>
<h2><a href="http://www.iofo.it/jquery/fonteffect/">2. JQuery FontEffect Plugin</a></h2>
<p><img class="aligncenter size-full wp-image-382" title="JQ FontEffect plugin" src="http://www.designlib.com/wp-content/uploads/2010/06/jq_font_effect.jpg" alt="" width="540" height="276" /></p>
<h2><a href="http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx" target="_blank">3. Fading color with jquery</a></h2>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx"><img class="aligncenter size-full wp-image-384" title="Fading color with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/text_fade_effect.jpg" alt="" width="540" height="286" /></a></p>
<h2><a href="http://keith-wood.name/labelEffect.html" target="_blank">4. Jquery label effect</a></h2>
<p><a href="http://keith-wood.name/labelEffect.html"><img class="aligncenter size-full wp-image-385" title="jquery label effect" src="http://www.designlib.com/wp-content/uploads/2010/06/label_effect.jpg" alt="" width="540" height="336" /></a></p>
<h2><a href="http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/" target="_blank">5. 3D Tag cloud with jquery</a></h2>
<p><a href="http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/"><img class="aligncenter size-full wp-image-388" title="3D tag cloud with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/tag_cloude.jpg" alt="" width="540" height="515" /></a></p>
<h2><a href="http://srobbin.com/jquery-plugins/jquery-approach/" target="_blank">6. Jquery approach &#8211; Jquery plugin for text effect on mouse movement</a></h2>
<p><a href="http://srobbin.com/jquery-plugins/jquery-approach/"><img class="aligncenter size-full wp-image-389" title="Jquery approach - jquery plugin for text effect on mouse movement" src="http://www.designlib.com/wp-content/uploads/2010/06/approach.jpg" alt="" width="540" height="192" /></a></p>
<h2><a href="http://labs.dragoninteractive.com/rainbows.php" target="_blank">7. Codename Rainbow &#8211; text effect plugin for jquery</a></h2>
<p><a href="http://labs.dragoninteractive.com/rainbows.php"><img class="aligncenter size-full wp-image-390" title="codename rainbow - text effect plugin for jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/codename_rainbow.jpg" alt="" width="540" height="396" /></a></p>
<h2><a href="http://net.tutsplus.com/javascript-ajax/use-the-jquery-ui-to-control-the-size-of-your-text/" target="_blank">8. Using Jquery UI to change the text size on runtime</a></h2>
<p><a href="http://net.tutsplus.com/javascript-ajax/use-the-jquery-ui-to-control-the-size-of-your-text/"><img class="aligncenter size-full wp-image-391" title="Using Jquery UI to change text size on runtime" src="http://www.designlib.com/wp-content/uploads/2010/06/nettuts_text_resize.jpg" alt="" width="540" height="352" /></a></p>
<h2><a href="http://blog.waiyanlin.net/2008/12/17/jquery-flying-text-with-fade-effect/" target="_blank">9. Flying text effect with jquery</a></h2>
<p><a href="http://blog.waiyanlin.net/2008/12/17/jquery-flying-text-with-fade-effect/"><img class="aligncenter size-full wp-image-392" title="Flying text effect with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/flying_text.jpg" alt="" width="540" height="302" /></a></p>
<h2><a href="http://trevordavis.net/blog/tutorial/simple-jquery-text-resizer/" target="_blank">10. Simple jquery text resizer</a></h2>
<p><a href="http://trevordavis.net/blog/tutorial/simple-jquery-text-resizer/"><img class="aligncenter size-full wp-image-393" title="Simple jquery text resizer" src="http://www.designlib.com/wp-content/uploads/2010/06/jq_text_resizer.jpg" alt="" width="540" height="242" /></a></p>
<h2><a href="http://www.9lessons.info/2009/10/zooming-with-jquery-and-css.html" target="_blank">11. Simple text zooming with jquery and CSS</a></h2>
<p><a href="http://www.9lessons.info/2009/10/zooming-with-jquery-and-css.html"><img class="aligncenter size-full wp-image-394" title="simple text zooming with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/zooming.jpg" alt="" width="540" height="242" /></a></p>
<h2><a href="http://desizntech.info/2009/06/playing-with-jquery-color-plugin-and-color-animation/" target="_blank">12. Text color and background effect with jquery</a></h2>
<p style="text-align: center;"><a href="http://desizntech.info/2009/06/playing-with-jquery-color-plugin-and-color-animation/"><img class="aligncenter size-full wp-image-396" title="Text color and background effect with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/text_background_effect1.jpg" alt="" width="540" height="308" /></a></p>
<h2><a href="http://tutorialzine.com/2010/06/neon-text-effect-jquery/" target="_blank">13. Neon Text effect with jquery and CSS</a></h2>
<p><a href="http://tutorialzine.com/2010/06/neon-text-effect-jquery/"><img class="aligncenter size-full wp-image-397" title="Neon text effect with jquery and CSS" src="http://www.designlib.com/wp-content/uploads/2010/06/neon.jpg" alt="" width="540" height="308" /></a></p>
<h2><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-text-effects-plugins/flashy-intro-with-jquery-animation/" target="_blank">14. Flashy intro with Jquery and CSS</a></h2>
<p><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-text-effects-plugins/flashy-intro-with-jquery-animation/"><img class="aligncenter size-full wp-image-399" title="Flashy intro with jquery and CSS" src="http://www.designlib.com/wp-content/uploads/2010/06/flashy_intro.jpg" alt="" width="540" height="308" /></a></p>
<h2><a href="http://static.marketruler.com/share/jquery/test/jquery.glow.php" target="_blank">15. Text glow and highlight effect with jquery</a></h2>
<p><a href="http://www.designlib.com/wp-content/uploads/2010/06/text_glow.jpg"><img class="aligncenter size-full wp-image-402" title="Text glow and highlight effect with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/text_glow.jpg" alt="" width="540" height="199" /></a></p>
<h2><a href="http://www.si-les-idees-suffisaient.net/jquery/textgrad.html" target="_blank">16. TextGrad &#8211; Jquery text gradient plugin</a></h2>
<p><a href="http://www.si-les-idees-suffisaient.net/jquery/textgrad.html"><img class="aligncenter size-full wp-image-400" title="TextGrad - Jquery text gradient plugin" src="http://www.designlib.com/wp-content/uploads/2010/06/text_gradiant.jpg" alt="" width="540" height="199" /></a></p>
<h2><a href="http://www.unwrongest.com/projects/airport/" target="_blank">17. Airport &#8211; Information board text effect with jquery</a></h2>
<p><a href="http://www.unwrongest.com/projects/airport/"><img class="aligncenter size-full wp-image-401" title="Airport - Information board text effect with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/airport.jpg" alt="" width="540" height="199" /></a></p>
<h2><a href="http://workshop.rs/2010/01/jqisotext-jquery-text-effect-plugin/" target="_blank">18. JQISOTEXT text effect plugin</a></h2>
<p><a href="http://workshop.rs/2010/01/jqisotext-jquery-text-effect-plugin/"><img class="aligncenter size-full wp-image-403" title="jqisotext text effect plugin for jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/jqisotext.jpg" alt="" width="540" height="199" /></a></p>
<h2><a href="http://www.stevefenton.co.uk/Content/Jquery-Text-Effects/" target="_blank">19. Simple text effect with jquery</a></h2>
<p><a href="http://www.stevefenton.co.uk/Content/Jquery-Text-Effects/"><img class="aligncenter size-full wp-image-404" title="simple text effect with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/simple_jquery_text_effects.jpg" alt="" width="540" height="199" /></a></p>
<h2><a href="http://sideroad.secret.jp/plugins/jQueryTextAnimation/" target="_blank">20. Jquery text animation plugin</a></h2>
<p><a href="http://sideroad.secret.jp/plugins/jQueryTextAnimation/"><img class="aligncenter size-full wp-image-405" title="jquery text animation plugin" src="http://www.designlib.com/wp-content/uploads/2010/06/text_animation.jpg" alt="" width="540" height="179" /></a></p>
<h2><a href="http://sourceforge.jp/projects/moatext/" target="_blank">21. MOA text effects</a></h2>
<h2><a href="http://sourceforge.jp/projects/moatext/"><img class="aligncenter size-full wp-image-406" title="MOA text effect" src="http://www.designlib.com/wp-content/uploads/2010/06/MOA-text.jpg" alt="" width="540" height="172" /></a><a href="http://campolar.me/2010/05/kinetic-text-animation-using-jquery/" target="_blank">22. Kinetic text animation with jquery</a></h2>
<p><a href="http://campolar.me/2010/05/kinetic-text-animation-using-jquery/"><img class="aligncenter size-full wp-image-407" title="kinatic text animation with jquery" src="http://www.designlib.com/wp-content/uploads/2010/06/kinatic.jpg" alt="" width="540" height="336" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designlib.com/web-development/jquery/20-fantastic-text-effects-with-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>30 Best free sports and games based wordpress themes</title>
		<link>http://www.designlib.com/wordpress/30-best-sports-and-games-based-wordpress-themes/</link>
		<comments>http://www.designlib.com/wordpress/30-best-sports-and-games-based-wordpress-themes/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 09:53:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web development]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[badminton theme]]></category>
		<category><![CDATA[baseball theme]]></category>
		<category><![CDATA[basketball theme]]></category>
		<category><![CDATA[boxing theme]]></category>
		<category><![CDATA[cricket theme]]></category>
		<category><![CDATA[football theme]]></category>
		<category><![CDATA[Formula1 theme]]></category>
		<category><![CDATA[golf theme]]></category>
		<category><![CDATA[horse racing theme]]></category>
		<category><![CDATA[ice hockey theme]]></category>
		<category><![CDATA[judo theme]]></category>
		<category><![CDATA[moto gp theme]]></category>
		<category><![CDATA[nascar theme]]></category>
		<category><![CDATA[skying theme]]></category>
		<category><![CDATA[snooker theme]]></category>
		<category><![CDATA[soccer theme]]></category>
		<category><![CDATA[sports theme]]></category>
		<category><![CDATA[superball theme]]></category>
		<category><![CDATA[surfing theme]]></category>
		<category><![CDATA[swimming theme]]></category>
		<category><![CDATA[tennis theme]]></category>
		<category><![CDATA[wrestling theme]]></category>

		<guid isPermaLink="false">http://www.designlib.com/?p=242</guid>
		<description><![CDATA[If you are sports fan then you must want to share your ideas and memories on your sports blog. To make a sports blog you need a very nicely crafted blog theme that depicts your thoughts and passion. Following are some of the nice game based themes for your site. 1. Cricket wordpress theme [Preview] [...]]]></description>
			<content:encoded><![CDATA[<p>If you are sports fan then you must want to share your ideas and memories on your sports blog. To make a sports blog you need a very nicely crafted blog theme that depicts your thoughts and passion. Following are some of the nice game based themes for your site.</p>
<h2><a href="http://developerholic.com/sportsmag/" target="_blank">1. Cricket wordpress theme</a></h2>
<p><a href="http://www.duothemes.com/cricket-wordpress-theme/"><img class="aligncenter size-full wp-image-243" title="cricket theme" src="http://www.designlib.com/wp-content/uploads/2010/02/cricket.jpg" alt="" width="540" height="403" /></a></p>
<p><span id="more-242"></span></p>
<p style="text-align: center;"><a href="http://developerholic.com/sportsmag/" target="_blank">[Preview]</a> <a href="http://developerholic.com/wp-content/plugins/download-monitor/download.php?id=79" target="_blank">[Download]</a></p>
<h2><a href="http://www.ezwpthemes.com/examples/?wptheme=National%20Football%20League&amp;cat=84" target="_blank">2. National football league WordPress Theme</a></h2>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=National%20Football%20League&amp;cat=84"><img class="aligncenter size-full wp-image-244" title="NFL" src="http://www.designlib.com/wp-content/uploads/2010/02/nfl.jpg" alt="" width="540" height="358" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=National%20Football%20League&amp;cat=84" target="_blank">[Preview]</a> <a href="http://www.ezwpthemes.com/download/National%20Football%20League.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.free-wordpress-theme.net/demo/?preview_theme=Farmville" target="_blank">3. Theme junction Farmville wp theme</a></h2>
<p style="text-align: center;"><a href="http://www.free-wordpress-theme.net/demo/?preview_theme=Farmville"><img class="aligncenter size-full wp-image-245" title="farmville" src="http://www.designlib.com/wp-content/uploads/2010/02/farmville.jpg" alt="" width="540" height="366" /></a></p>
<p style="text-align: center;"><a href="http://www.free-wordpress-theme.net/demo/?preview_theme=Farmville" target="_blank">[Preview]</a> <a href="http://www.themesjunction.com/dl/15882" target="_blank">[Download]</a></p>
<h2><a href="http://www.ezwpthemes.com/examples/?wptheme=Real%20Madrid%20Retro&amp;cat=84" target="_blank">4.  Real Madrid Soccer Theme</a></h2>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Real%20Madrid%20Retro&amp;cat=84"><img class="aligncenter size-full wp-image-246" title="real madrid" src="http://www.designlib.com/wp-content/uploads/2010/02/realmadrid.jpg" alt="" width="540" height="377" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Real%20Madrid%20Retro&amp;cat=84" target="_blank">[Preview]</a> <a href="http://www.ezwpthemes.com/download/Real%20Madrid%20Retro.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.wptmp.com/preview/2209/" target="_blank">5. wptmp.com Soccer theme</a></h2>
<p style="text-align: center;"><a href="http://www.wptmp.com/preview/2209/"><img class="aligncenter size-full wp-image-247" title="soccer" src="http://www.designlib.com/wp-content/uploads/2010/02/soccer.jpg" alt="" width="540" height="358" /></a></p>
<p style="text-align: center;"><a href="http://www.wptmp.com/preview/2209/" target="_blank">[Preview]</a> <a href="http://www.wptmp.com/download/2209" target="_blank">[Download]</a></p>
<h2><a href="http://www.websitetemplates.bz/free_templates/580.html" target="_blank">6. Websitetemplates.biz -Tennis theme</a></h2>
<p><a href="http://www.websitetemplates.bz/free_templates/580.html"><img class="aligncenter size-full wp-image-249" title="tennis" src="http://www.designlib.com/wp-content/uploads/2010/02/tennis1.jpg" alt="" width="540" height="462" /></a></p>
<p style="text-align: center;"><a href="http://www.websitetemplates.bz/free_templates/580.html" target="_blank">[Preview]</a> <a href="http://www.websitetemplates.bz/free_templates/580.html" target="_blank">[Download]</a></p>
<h2><a href="http://www.ezwpthemes.com/examples/?wptheme=Super%20Mario%20Land&amp;cat=34" target="_blank">7. ezepthemes.com Super &#8211; Mario Land theme</a></h2>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Super%20Mario%20Land&amp;cat=34"><img class="aligncenter size-full wp-image-250" title="supermario1" src="http://www.designlib.com/wp-content/uploads/2010/02/supermario1.jpg" alt="" width="540" height="384" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Super%20Mario%20Land&amp;cat=34" target="_blank">[Preview]</a> <a href="http://www.ezwpthemes.com/download/Super%20Mario%20Land.zip" target="_blank">[Download]</a></p>
<h2><a href="http://downloadwordpresstemplates.org/preview/196/" target="_blank">8.  Theme one &#8211; Tennis theme</a></h2>
<p style="text-align: center;"><a href="http://downloadwordpresstemplates.org/preview/196/"><img class="aligncenter size-full wp-image-251" title="themeone" src="http://www.designlib.com/wp-content/uploads/2010/02/themeone.jpg" alt="" width="540" height="329" /></a></p>
<p style="text-align: center;"><a href="http://downloadwordpresstemplates.org/preview/196/" target="_blank">[Preview]</a> <a href="http://downloadwordpresstemplates.org/download/196/" target="_blank">[Download]</a></p>
<h2><a href="http://www.ezwpthemes.com/examples/?wptheme=Hot%20for%20the%20Rim&amp;cat=84" target="_blank">9. Hot for the Rim - basketball theme</a></h2>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Hot%20for%20the%20Rim&amp;cat=84"><img class="aligncenter size-full wp-image-253" title="basketball" src="http://www.designlib.com/wp-content/uploads/2010/02/basketball.jpg" alt="" width="540" height="724" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Hot%20for%20the%20Rim&amp;cat=84" target="_blank">[Preview]</a> <a href="http://www.ezwpthemes.com/examples/?wptheme=Hot%20for%20the%20Rim&amp;cat=84" target="_blank">[Download]</a></p>
<h2><a href="http://www.nattywp.com/test.php?theme_id=101" target="_blank">10. nettywp &#8211; kupy wrestling theme</a></h2>
<h2><a href="http://www.nattywp.com/view-theme.php?theme_id=101&amp;theme_name=KupyWrestlingWPTheme" target="_blank"></a><a href="http://www.nattywp.com/test.php?theme_id=101"><img class="aligncenter size-full wp-image-255" title="wrestling" src="http://www.designlib.com/wp-content/uploads/2010/02/wrestling.jpg" alt="" width="540" height="371" /></a></h2>
<p style="text-align: center;"><a href="http://www.nattywp.com/test.php?theme_id=101" target="_blank">[Preview]</a> <a href="http://www.nattywp.com/download.php?theme_id=101" target="_blank">[Download]</a></p>
<h2><a href="http://www.wpskins.org/demo.php?theme=2993" target="_blank">11. wpskins.com  - Formula 1 theme</a></h2>
<p style="text-align: center;"><a href="http://www.wpskins.org/demo.php?theme=2993"><img class="aligncenter size-full wp-image-256" title="formula1" src="http://www.designlib.com/wp-content/uploads/2010/02/formula1.jpg" alt="" width="540" height="315" /></a></p>
<p style="text-align: center;"><a href="http://www.wpskins.org/demo.php?theme=2993" target="_blank">[Preview]</a> <a href="http://www.wpskins.org/download.php?theme=2993&amp;url=/downloads/2993.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.ezwpthemes.com/examples/?wptheme=Jumping%20Ski&amp;cat=84" target="_blank">12.  Jumping sky &#8211; skying theme</a></h2>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Jumping%20Ski&amp;cat=84"><img class="aligncenter size-full wp-image-254" title="skying" src="http://www.designlib.com/wp-content/uploads/2010/02/skying.jpg" alt="" width="540" height="437" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Jumping%20Ski&amp;cat=84" target="_blank">[Preview]</a> <a href="http://www.ezwpthemes.com/download/Jumping%20Ski.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.ezwpthemes.com/examples/?wptheme=Chelsea%20FC%20Theme&amp;cat=84" target="_blank">13. Chelsea FC Theme</a></h2>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Chelsea%20FC%20Theme&amp;cat=84"><img class="aligncenter size-full wp-image-257" title="Chelsea FC theme" src="http://www.designlib.com/wp-content/uploads/2010/02/chelsea.jpg" alt="" width="540" height="668" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Chelsea%20FC%20Theme&amp;cat=84">[Preview]</a> <a href="http://www.ezwpthemes.com/download/Chelsea%20FC%20Theme.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.leadcamp.com/preview/?preview=1&amp;template=swimming_butterfly_spe003&amp;stylesheet=swimming_butterfly_spe003" target="_blank">14. Swimming butterfly theme</a></h2>
<p style="text-align: center;"><a href="http://www.leadcamp.com/preview/?preview=1&amp;template=swimming_butterfly_spe003&amp;stylesheet=swimming_butterfly_spe003"><img class="aligncenter size-full wp-image-258" title="swimming" src="http://www.designlib.com/wp-content/uploads/2010/02/swimming.jpg" alt="" width="540" height="356" /></a></p>
<p style="text-align: center;"><a href="http://www.leadcamp.com/preview/?preview=1&amp;template=swimming_butterfly_spe003&amp;stylesheet=swimming_butterfly_spe003" target="_blank">[Preview]</a> <a href="http://www.leadcamp.com/content/wp-content/uploads/2009/03/swimming_butterfly_spe003.zip" target="_blank">[Download]</a></p>
<h2><a href="http://developerholic.com/sportsmag/index.php?wptheme=Snooker1" target="_blank">15. Snooker wordpress theme</a></h2>
<h2><a href="http://developerholic.com/sportsmag/index.php?wptheme=Snooker1"><img class="aligncenter size-full wp-image-259" title="snooker" src="http://www.designlib.com/wp-content/uploads/2010/02/snooker.jpg" alt="" width="540" height="381" /></a><a href="http://iwordpressthemes.com/?p=1458" target="_blank"></a></h2>
<p style="text-align: center;"><a href="http://developerholic.com/sportsmag/index.php?wptheme=Snooker1" target="_blank">[Preview]</a> <a href="http://developerholic.com/wp-content/plugins/download-monitor/download.php?id=87" target="_blank">[Download]</a></p>
<h2><a href="http://iwordpressthemes.com/preview.php?id=1458" target="_blank">16.  Moto GP WP template</a></h2>
<p><a href="http://iwordpressthemes.com/preview.php?id=1458" target="_blank"><img class="aligncenter size-full wp-image-260" title="motogp" src="http://www.designlib.com/wp-content/uploads/2010/02/motogp.jpg" alt="" width="540" height="590" /></a></p>
<p style="text-align: center;"><a href="http://iwordpressthemes.com/preview.php?id=1458" target="_blank">[Preview]</a> <a href="http://iwordpressthemes.com/download.php?id=1458" target="_blank">[Download]</a></p>
<h2><a href="http://www.freewordpressthemes4u.com/preview/?preview=1&amp;template=getting_ready_to_surf_pee029&amp;stylesheet=getting_ready_to_surf_pee029" target="_blank">17. Surfing WP theme</a></h2>
<p style="text-align: center;"><a href="http://www.freewordpressthemes4u.com/preview/?preview=1&amp;template=getting_ready_to_surf_pee029&amp;stylesheet=getting_ready_to_surf_pee029"><img class="aligncenter size-full wp-image-261" title="surfing" src="http://www.designlib.com/wp-content/uploads/2010/02/surfing.jpg" alt="" width="540" height="484" /></a><a href="http://www.freewordpressthemes4u.com/preview/?preview=1&amp;template=getting_ready_to_surf_pee029&amp;stylesheet=getting_ready_to_surf_pee029" target="_blank"><br />
[Preview]</a> <a href="http://www.freewordpressthemes4u.com/downloads/getting_ready_to_surf_pee029.zip">[Download]</a></p>
<h2><a href="http://www.leadcamp.com/preview/?preview=1&amp;template=az_soccer_stadium_sph001&amp;stylesheet=az_soccer_stadium_sph001" target="_blank">18. AZ Soccer stadium theme</a></h2>
<p><a href="http://www.leadcamp.com/preview/?preview=1&amp;template=az_soccer_stadium_sph001&amp;stylesheet=az_soccer_stadium_sph001;"><img class="aligncenter size-full wp-image-266" title="soccer-stadium" src="http://www.designlib.com/wp-content/uploads/2010/02/soccer-stadium.jpg" alt="" width="540" height="529" /></a></p>
<p style="text-align: center;"><a href="http://www.leadcamp.com/preview/?preview=1&amp;template=az_soccer_stadium_sph001&amp;stylesheet=az_soccer_stadium_sph001" target="_blank">[Preview]</a> <a href="http://www.themes2wp.com/upload/2010/02/6e26a27e07089f81511813261fb7dec4.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.freewordpressthemes4u.com/preview/?preview=1&amp;template=golf_ball_and_club_spe001&amp;stylesheet=golf_ball_and_club_spe001" target="_blank">19. Golf WP theme</a></h2>
<p style="text-align: center;"><a href="http://www.freewordpressthemes4u.com/preview/?preview=1&amp;template=golf_ball_and_club_spe001&amp;stylesheet=golf_ball_and_club_spe001"><img class="aligncenter size-full wp-image-264" title="golf" src="http://www.designlib.com/wp-content/uploads/2010/02/golf.jpg" alt="" width="540" height="557" /></a><a href="http://www.freewordpressthemes4u.com/preview/?preview=1&amp;template=golf_ball_and_club_spe001&amp;stylesheet=golf_ball_and_club_spe001" target="_blank">[Preview]</a> <a href="http://www.freewordpressthemes4u.com/downloads/golf_ball_and_club_spe001.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.kawaiithemes.com/demo/index.php?wptheme=boxingchamp" target="_blank">20. Boxing wordpress theme</a></h2>
<p><a href="http://www.kawaiithemes.com/demo/index.php?wptheme=boxingchamp"><img class="aligncenter size-full wp-image-265" title="boxing" src="http://www.designlib.com/wp-content/uploads/2010/02/boxing.jpg" alt="" width="540" height="664" /></a></p>
<p style="text-align: center;"><a href="http://www.kawaiithemes.com/demo/index.php?wptheme=boxingchamp" target="_blank">[Preview]</a> <a href="http://www.kawaiithemes.com/freethemes/download/boxingchamp.zip" target="_blank">[Download]</a></p>
<p><a href="http://www.ezwpthemes.com/examples/?wptheme=Swing%20Like%20Tiger&amp;cat=84" target="_blank">21. Swing like Tiger &#8211; Golf wordpress template</a></p>
<p><a href="http://www.ezwpthemes.com/examples/?wptheme=Swing%20Like%20Tiger&amp;cat=84"><img class="aligncenter size-full wp-image-267" title="golf " src="http://www.designlib.com/wp-content/uploads/2010/02/golf2.jpg" alt="" width="540" height="511" /></a></p>
<p style="text-align: center;"><a href="http://www.ezwpthemes.com/examples/?wptheme=Swing%20Like%20Tiger&amp;cat=84" target="_blank">[Preview]</a> <a href="http://www.ezwpthemes.com/download/Swing%20Like%20Tiger.zip">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports08" target="_blank">22. Badminton Theme</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports08"><img class="aligncenter size-full wp-image-268" title="bedminton" src="http://www.designlib.com/wp-content/uploads/2010/02/bedminton.jpg" alt="" width="540" height="447" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports08" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/sports08.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.wptheme.ws/poker/index.php?wptheme=game_11" target="_blank">23. Footbal (Soccer) theme</a></h2>
<p><a href="http://www.wptheme.ws/poker/index.php?wptheme=game_11"><img class="aligncenter size-full wp-image-269" title="soccer-theme" src="http://www.designlib.com/wp-content/uploads/2010/02/soccer-theme.jpg" alt="" width="540" height="580" /></a></p>
<p><a href="http://www.wptheme.ws/poker/index.php?wptheme=game_11">[Preview]</a> <a href="http://www.wptheme.ws/themes/game_11.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=horseracingwin" target="_blank">24. Horse racing WP theme</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=horseracingwin"><img class="aligncenter size-full wp-image-270" title="horserace" src="http://www.designlib.com/wp-content/uploads/2010/02/horserace.jpg" alt="" width="540" height="475" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=horseracingwin" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/horseracingwin.zip" target="_blank">[Download]</a></p>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports09" target="_blank">25. Baseball theme</a></p>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports09"><img class="aligncenter size-full wp-image-271" title="baseball" src="http://www.designlib.com/wp-content/uploads/2010/02/baseball.jpg" alt="" width="540" height="608" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports09" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/sports09.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=taekwondo" target="_blank">26. Taekwondo and judo karate theme</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=taekwondo"><img class="aligncenter size-full wp-image-272" title="judo" src="http://www.designlib.com/wp-content/uploads/2010/02/judo.jpg" alt="" width="540" height="549" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=taekwondo" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/taekwondo.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports26" target="_blank">27. Nascar WordPress theme</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports26"><img class="aligncenter size-full wp-image-273" title="nascar" src="http://www.designlib.com/wp-content/uploads/2010/02/nascar.jpg" alt="" width="540" height="452" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports26" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/sports26.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=hockey1" target="_blank">28. Ice Hocky wordpress theme</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=hockey1"><img class="aligncenter size-full wp-image-274" title="ice-hockey" src="http://www.designlib.com/wp-content/uploads/2010/02/ice-hockey.jpg" alt="" width="540" height="451" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=hockey1" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/hockey1.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sportsunlimited" target="_blank">29. General sports theme</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sportsunlimited"><img class="aligncenter size-full wp-image-275" title="general " src="http://www.designlib.com/wp-content/uploads/2010/02/general1.jpg" alt="" width="540" height="449" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sportsunlimited" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/sports-unlimited-wordpress-theme.zip" target="_blank">[Download]</a></p>
<h2><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports28" target="_blank">30. General sports theme II</a></h2>
<p><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports28"><img class="aligncenter size-full wp-image-277" title="general2" src="http://www.designlib.com/wp-content/uploads/2010/02/general21.jpg" alt="" width="540" height="449" /></a></p>
<p style="text-align: center;"><a href="http://www.gamblingtemplates.net/blog/?preview_theme=sports28" target="_blank">[Preview]</a> <a href="http://www.gamblingtemplates.net/downloads/sports28.zip" target="_blank">[Download]</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designlib.com/wordpress/30-best-sports-and-games-based-wordpress-themes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>15 file upload tutorials using ajax and php</title>
		<link>http://www.designlib.com/web-development/jquery/15-file-upload-tutorials-using-ajax-and-php/</link>
		<comments>http://www.designlib.com/web-development/jquery/15-file-upload-tutorials-using-ajax-and-php/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 14:10:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[file upload]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[mootool]]></category>

		<guid isPermaLink="false">http://www.designlib.com/?p=155</guid>
		<description><![CDATA[I have tried to collect some of the best and customizable components that can be used with minimum efforts to upload a file through ajax and php. I know lots of people face the problem and always keep searching for such components. I hope this post will make their search destined. 1. Webtoolkit ajax file upload [...]]]></description>
			<content:encoded><![CDATA[<p>I have tried to collect some of the best and customizable components that can be used with minimum efforts to upload a file through ajax and php. I know lots of people face the problem and always keep searching for such components. I hope this post will make their search destined.</p>
<h2>1. <a href="http://www.webtoolkit.info/ajax-file-upload.html" target="_blank">Webtoolkit ajax file upload</a></h2>
<p>Ever wanted to upload files using AJAX like in GMAIL, without reloading the page? Now you can. Cross browser method to upload files using AJAX in only 1Kb of code.</p>
<p><a href="http://www.webtoolkit.info/ajax-file-upload.html"><img class="aligncenter size-full wp-image-156" title="webtoolkit ajax file upload tutorial" src="http://www.designlib.com/wp-content/uploads/2010/01/webtoolkit.jpg" alt="" width="540" height="292" /></a></p>
<p><span id="more-155"></span></p>
<h2><a href="http://www.ajaxf1.com/product/ajax-file-upload.html" target="_blank">2. Max&#8217;s AJAX file uploader</a></h2>
<p>Max&#8217;s AJAX file uploader is a simple and easy to use script, which allows you to upload files to your webserver without reloading the current page. During the upload an animated progress bar is shown. The server side is written in PHP.</p>
<h2><a href="http://www.ajaxf1.com/product/ajax-file-upload.html"><img class="aligncenter size-full wp-image-157" title="Max's AJAX file uploader" src="http://www.designlib.com/wp-content/uploads/2010/01/max.jpg" alt="" width="540" height="291" /></a><a href="http://www.captain.at/ajax-file-upload.php" target="_blank">3. Captain universe AJAX file upload tutorial</a></h2>
<p>Very simple and straight defined way to upload file using php and ajax.</p>
<p><a href="http://www.captain.at/ajax-file-upload.php"><img class="aligncenter size-full wp-image-159" title="captain universe AJAX file upload tutorial" src="http://www.designlib.com/wp-content/uploads/2010/01/captain.jpg" alt="" width="540" height="359" /></a></p>
<h2><a href="http://www.phpclasses.org/browse/package/2759.html" target="_blank">4. Class: Ajax file uploader</a></h2>
<p>Class based approach to upload files through ajax and PHP. the code is tested and reliable to work in most of the environments and is easy to modify according to requirements.</p>
<p><a href="http://www.phpclasses.org/browse/file/12078.html"><img class="aligncenter size-full wp-image-160" title="Files uploaded without page reloading" src="http://www.designlib.com/wp-content/uploads/2010/01/class_ajax.jpg" alt="" width="540" height="255" /></a></p>
<h2><a href="http://www.anyexample.com/programming/php/php_ajax_example__asynchronous_file_upload.xml" target="_blank">5. Asynchronous file upload</a></h2>
<p>Asynchronous file uploads is quote popular feature in modern AJAX web-applications. However standard AJAX classes (XmlHttpRequest) does not have capabilities to process or send files selected with &#8220;file dialog&#8221; (input type=&#8221;file&#8221;). This article contains example application (trivial file-sharing service, like rapidshare, megaupload or yousendit) which uses embedded frames (IFRAME) to upload file. While file is uploaded to hidden frame, user can still access web-page and fill &#8220;file description&#8221; field.</p>
<p><a href="http://www.anyexample.com/programming/php/php_ajax_example__asynchronous_file_upload.xml"><img class="aligncenter size-full wp-image-161" title="anyexample asynchronous file upload" src="http://www.designlib.com/wp-content/uploads/2010/01/anyexample.jpg" alt="" width="540" height="273" /></a></p>
<h2><a href="http://www.ajaxlines.com/ajax/stuff/article/ajax_file_upload_tutorial.php" target="_blank">6. Ajaxlines file upload tutorial</a></h2>
<p>The code let you make ajax based file upload script using iFrame with php and javascript</p>
<p><a href="http://www.ajaxlines.com/ajax/stuff/article/ajax_file_upload_tutorial.php"><img class="aligncenter size-full wp-image-162" title="ajaxlines file upload tutorial" src="http://www.designlib.com/wp-content/uploads/2010/01/ajaxlines.jpg" alt="" width="540" height="459" /></a></p>
<h2><a href="http://www.uploadify.com/" target="_blank">7. Uploadify jquery upload plugin</a></h2>
<p>Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website.  It requires Flash and any backend development language.  An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.</p>
<p><a href="http://www.uploadify.com/what-is-it/"><img class="aligncenter size-full wp-image-163" title="uploadify jquery file upoad plugin" src="http://www.designlib.com/wp-content/uploads/2010/01/uploadify.jpg" alt="" width="540" height="202" /></a></p>
<h2><a href="http://hotmonitor.org/ajaxdepot/multiplefileupload/#tab-Overview" target="_blank">8. Jquery multiple file uploader</a></h2>
<p>The Multiple File Upload Plugin (jQuery.MultiFile) is a non-obstrusive plugin for the jQuery Javascript library that helps users easily select multiple files for upload quickly and easily whilst also providing some basic validation functionality to help developers idenfity simple errors, without having to submit the form (ie.: upload files).</p>
<p><a href="http://hotmonitor.org/ajaxdepot/multiplefileupload/#tab-Overview"><img class="aligncenter size-full wp-image-176" title="jquerymulti" src="http://www.designlib.com/wp-content/uploads/2010/01/jquerymulti2.jpg" alt="" width="540" height="202" /></a></p>
<h2><a href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/" target="_blank">9. PHP Letter jquery ajax file upload plugin</a></h2>
<p>This AjaxFileUpload Plugin is a hacked version of Ajaxupload plugin created by yvind Saltvik, which is really good enought for normal use. Its idea is to create a iframe and submit the specified form to it for further processing.</p>
<p><a href="http://www.phpletter.com/Our-Projects/AjaxFileUpload/"><img class="aligncenter size-full wp-image-165" title="php letter jquery ajax file upload plugin" src="http://www.designlib.com/wp-content/uploads/2010/01/phpletter.jpg" alt="" width="540" height="202" /></a></p>
<h2><a href="http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/" target="_blank">10. Web developer plus jquery plugin for file upload</a></h2>
<p>Fully customizable form that not even use the  file select component of browser.</p>
<p><a href="http://webdeveloperplus.com/jquery/ajax-multiple-file-upload-form-using-jquery/"><img class="aligncenter size-full wp-image-166" title="webdeveloper plus ajax file upload" src="http://www.designlib.com/wp-content/uploads/2010/01/webdevplus.jpg" alt="" width="540" height="216" /></a></p>
<h2><a href="http://valums.com/ajax-upload/" target="_blank">11. Andrew Valums Ajax Upload</a></h2>
<p>AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window. It works in all major browsers and doesn’t require any library to run. AJAX Upload doesn’t pollute the global namespace, and is tested with jQuery, Prototypejs.</p>
<p><a href="http://valums.com/ajax-upload/"><img class="aligncenter size-full wp-image-167" title="andrew valums ajax upload" src="http://www.designlib.com/wp-content/uploads/2010/01/andrew.jpg" alt="" width="540" height="230" /></a></p>
<h2><a href="http://digitarald.de/project/fancyupload/" target="_blank">12. Fancy upload with mootool</a></h2>
<p>FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all.<a href="http://digitarald.de/project/fancyupload/"><img class="aligncenter size-full wp-image-168" title="fancy file upload with mootool" src="http://www.designlib.com/wp-content/uploads/2010/01/fancy.jpg" alt="" width="540" height="300" /></a></p>
<h2><a href="http://www.ajaxupdates.com/multiple-file-upload-moo-tools/" target="_blank">13. Ajaxupdate multi file upload with mootool</a></h2>
<p>Gives you ability to use mootool javascript library to upload multiple files in a single instance.</p>
<h2><a href="http://www.ajaxupdates.com/multiple-file-upload-moo-tools/"><img class="aligncenter size-full wp-image-169" title="ajax update" src="http://www.designlib.com/wp-content/uploads/2010/01/ajaxupdate.jpg" alt="" width="540" height="226" /></a><a href="http://cool-javascripts.com/mootools/fancy-upload-ajax-file-upload-for-mootools.html" target="_blank">14. Fancy Upload – Ajax file upload for MooTools</a></h2>
<p>Fancy upload is a nice and excellent replacement for the file input field. It uses a flash component called swiff for file upload and other features. But instead of displaying the flash interface, it uses javascript to interact with the flash component and the appearance is fully skinnable using CSS &amp; HTML.</p>
<p><a href="http://cool-javascripts.com/mootools/fancy-upload-ajax-file-upload-for-mootools.html"><img class="aligncenter size-full wp-image-170" title="Fancy Upload – Ajax file upload for MooTools" src="http://www.designlib.com/wp-content/uploads/2010/01/fancyupload.jpg" alt="" width="540" height="339" /></a></p>
<h2><a href="http://pixeline.be/experiments/jqUploader/" target="_blank">15. JqUploader</a></h2>
<p>jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly &#8211; so you don&#8217;t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.</p>
<p><a href="http://pixeline.be/experiments/jqUploader/"><img class="aligncenter size-full wp-image-172" title="jquploader" src="http://www.designlib.com/wp-content/uploads/2010/01/jquploader.jpg" alt="" width="540" height="200" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designlib.com/web-development/jquery/15-file-upload-tutorials-using-ajax-and-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>31 Jquery photo gallery and slideshow tools</title>
		<link>http://www.designlib.com/web-development/jquery/50-best-jquery-image-photo-gallery-and-slideshow-tools/</link>
		<comments>http://www.designlib.com/web-development/jquery/50-best-jquery-image-photo-gallery-and-slideshow-tools/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 12:13:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[image scroller]]></category>
		<category><![CDATA[image slideshow]]></category>
		<category><![CDATA[image viewr]]></category>
		<category><![CDATA[jquer]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[scroller]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.designlib.com/?p=54</guid>
		<description><![CDATA[Jquery is a magic! something that we could have done in hours, we can do in minutes and thats not all, there is an extensive library available for plugins that literally gives you freedom to get your task done without writing the code for the whole job. This time I have selected some of the [...]]]></description>
			<content:encoded><![CDATA[<p>Jquery is a magic! something that we could have done in hours, we</p>
<p>can do in minutes and thats not all, there is an extensive library available for plugins that literally gives you freedom to get your task done without writing the code for the whole job. This time I have selected some of the best and mostly wanted plugins for galleries and image views. I hope most of the people looking for it will get this post there final destination of search.</p>
<h2><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding" target="_blank">1. Easy Slider</a></h2>
<p>Easy Slider enables images or any content to slide horizontally or  vertically on click. It is configurable with css alone. So, basically  you link to plugin file, set the content up and style it with css.</p>
<p><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding" target="_blank"><img class="aligncenter size-full wp-image-53" title="1. Easy Slider" src="http://www.designlib.com/wp-content/uploads/2010/01/easy_image_slider.jpg" alt="" width="540" height="241" /></a><br />
<span id="more-54"></span></p>
<h2><a href="http://devkick.com/lab/galleria/demo_01.htm#img/grass-blades.jpg" target="_blank">2. Galleria </a></h2>
<p>This gallery was created from a simple unordered list with images &#8211;  thumbnails and functionality is all in the Galleria plugin.</p>
<p><a href="http://devkick.com/lab/galleria/demo_01.htm#img/grass-blades.jpg"><img class="aligncenter size-full wp-image-55" title="Galleria" src="http://www.designlib.com/wp-content/uploads/2010/01/galleria.jpg" alt="" width="540" height="426" /></a></p>
<h2><a href="http://eyecon.ro/spacegallery/" target="_blank">3. Space Gallery</a></h2>
<p>Gives you the ability to scroll images in a 3D way where images are piled behind each other and vanishes when you click on any of the image visible. A unique way for galleries.</p>
<p style="text-align: center;"><a href="http://eyecon.ro/spacegallery/"><img class="aligncenter size-full wp-image-59" title="Space Gallery" src="http://www.designlib.com/wp-content/uploads/2010/01/spacegallery2.jpg" alt="" width="540" height="272" /></a></p>
<h2><a href="http://www.eogallery.com/" target="_blank">4. EOGallery</a></h2>
<p>EOGallery is a web animated slideshow gallery maid with <a href="http://www.jquery.com/">jQuery</a>. It only uses basic jQuery functions and <a href="http://codylindley.com/">Cody Lindley&#8217;s</a> <a href="http://jquery.com/demo/thickbox/">Thickbox</a> to display larger pictures. By the way, EOGallery is <a href="http://validator.w3.org/check/referer">XHTML 1.0 strict</a> valid and almost <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS valid</a>, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been maid for testing purposes, there could be bugs and strange behaviors. For more informations, read read <a href="http://www.fprod.net/blog/category/eogallery/">FProd&#8217;s blog.</a></p>
<p><a href="http://www.eogallery.com/"><img class="aligncenter size-full wp-image-60" title="EOGallery" src="http://www.designlib.com/wp-content/uploads/2010/01/EOGallery.jpg" alt="" width="540" height="369" /></a></p>
<h2><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html" target="_blank">5. slideViewer</a></h2>
<p>slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML.</p>
<p><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html"><img class="aligncenter size-full wp-image-61" title="Slide-Viewer" src="http://www.designlib.com/wp-content/uploads/2010/01/Slide-Viewer.jpg" alt="" width="540" height="328" /></a></p>
<h2><a href="http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/">6. Full screen image gallery using jquery and flicker</a></h2>
<p>It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. I personally like the way it loads the pictures to be shown. This is truely a nice plugin to have.</p>
<h2><a href="http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/"><img class="aligncenter size-full wp-image-62" title="Full Screen image gallery with jquery and flicker" src="http://www.designlib.com/wp-content/uploads/2010/01/jqflicker.jpg" alt="" width="540" height="294" /></a><a href="http://jqueryfordesigners.com/slider-gallery/" target="_blank"></a></h2>
<h2><a href="http://jqueryfordesigners.com/slider-gallery/" target="_blank">7. Slider Gallery</a></h2>
<p><a href="http://jqueryfordesigners.com/slider-gallery/" target="_blank"></a> This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.</p>
<p style="text-align: center;"><a style="text-decoration: none;" href="http://jqueryfordesigners.com/slider-gallery/"><img class="aligncenter size-full wp-image-63" title="Slider Gallery" src="http://www.designlib.com/wp-content/uploads/2010/01/slidergallery.jpg" alt="" width="540" height="351" /></a></p>
<h2><a href="http://www.gruppo4.com/~tobia/cross-slide.shtml" target="_blank">8. Cross Slide</a></h2>
<p style="text-align: left;">CrossSlide is a <a href="http://jquery.com/">jQuery</a> plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery&#8217;s animation facility, so it is as portable across browsers as jQuery itself (a lot.)</p>
<p style="text-align: left;"><a href="http://www.gruppo4.com/~tobia/cross-slide.shtml"><img class="aligncenter size-full wp-image-77" title="Cross fade" src="http://www.designlib.com/wp-content/uploads/2010/01/crossfade1.jpg" alt="" width="540" height="364" /></a></p>
<p style="text-align: left;">
<h2><a href="http://leandrovieira.com/projects/jquery/lightbox/">9. Jquery LightBox Plugin</a></h2>
<p style="text-align: left;">jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.</p>
<p style="text-align: left;"><a href="http://leandrovieira.com/projects/jquery/lightbox/"><img class="aligncenter size-full wp-image-73" title="Jquery lightbox plugin" src="http://www.designlib.com/wp-content/uploads/2010/01/jquerylightboxplugin.jpg" alt="" width="540" height="324" /></a></p>
<h2><a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/" target="_blank">10. Fancy thumbnail hover effect with jquery</a></h2>
<p style="text-align: left;"><a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/"><img class="aligncenter size-full wp-image-65" title="Fancy Thumbnail" src="http://www.designlib.com/wp-content/uploads/2010/01/fancythumbnail.jpg" alt="" width="540" height="230" /></a></p>
<h2><a href="http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/" target="_blank">11. JFlow</a></h2>
<p>Jflow is a slider plugin that keeps the navigation at the top of the pictures and gives a cool look while sliding.</p>
<p><a href="http://www.designlib.com/wp-content/uploads/2010/01/jflow1.jpg"><img class="aligncenter size-full wp-image-68" title="jflow" src="http://www.designlib.com/wp-content/uploads/2010/01/jflow1.jpg" alt="" width="540" height="213" /></a></p>
<h2><a href="http://cool-javascripts.com/effects/image-flow-09.html" target="_blank">12. Image Flow</a></h2>
<p>Image flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.</p>
<p><a href="http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/"><img class="aligncenter size-full wp-image-71" title="imageflow" src="http://www.designlib.com/wp-content/uploads/2010/01/imageflow2.jpg" alt="" width="540" height="220" /></a></p>
<h2><a href="http://www.buildinternet.com/project/supersized/" target="_blank">13. Surpersized jquery plugin</a></h2>
<div id="_mcePaste">Resizes images to fill browser while maintaining image dimension ratio and cycles Images/backgrounds via slideshow with transitions and preloading.</div>
<div id="_mcePaste">Also navigation controls allow for pause/play and forward/back</div>
<p>Resizes images to fill browser while maintaining image dimension ratio and cycles Images/backgrounds via slideshow with transitions and preloading.Also navigation controls allow for pause/play and forward/back</p>
<p><a href="http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/"><br />
<img class="aligncenter size-full wp-image-72" title="Supersized" src="http://www.designlib.com/wp-content/uploads/2010/01/supersized.jpg" alt="" width="540" height="291" /></a></p>
<h2><a href="http://www.twospy.com/galleriffic/#1" target="_blank">14. Galleriffic</a></h2>
<p>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><a href="http://www.twospy.com/galleriffic/#1"><img class="aligncenter size-full wp-image-74" title="galleriffic" src="http://www.designlib.com/wp-content/uploads/2010/01/gallerriffic.jpg" alt="" width="540" height="327" /></a></p>
<h2><a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html" target="_blank">15. Simple jquery slider</a></h2>
<p>This is not a plugin rather this is a tutorial that gives you sufficient help to make your own jquery based image-slider. It has given code examples as well as working demos to match your code performance with the working models.</p>
<p><a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html"><img class="aligncenter size-full wp-image-75" title="simple jquery slider" src="http://www.designlib.com/wp-content/uploads/2010/01/simplejqueryslider.jpg" alt="" width="540" height="163" /></a></p>
<h2><a href="http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm" target="_blank">16. Simple Scroll Gallery</a></h2>
<p>Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.</p>
<h2><a href="http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm"><img class="aligncenter size-full wp-image-78" title="Simple scroll gallery" src="http://www.designlib.com/wp-content/uploads/2010/01/simplescrollgallery.jpg" alt="" width="540" height="246" /></a><a href="http://www.meadmiracle.com/SlidingGallery.aspx" target="_blank">17. Simple image gallery</a></h2>
<p>The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through.</p>
<p><a href="http://www.meadmiracle.com/SlidingGallery.aspx"><img class="aligncenter size-full wp-image-79" title="Sliding image gallery" src="http://www.designlib.com/wp-content/uploads/2010/01/slidingimagegallery.jpg" alt="" width="540" height="254" /></a></p>
<h2><a href="http://www.openstudio.fr/jquery/index.htm" target="_blank">18.  Jquery multimedia portfolio</a></h2>
<p><span style="font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: normal; font-size: 14px; color: #272727;">This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.</span></p>
<h2><span style="font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: normal; font-size: 14px; color: #272727;"><a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en"><img class="aligncenter size-full wp-image-80" title="Jqery multimedia portfolio" src="http://www.designlib.com/wp-content/uploads/2010/01/jqerymultimediaportfolio.jpg" alt="" width="540" height="180" /></a></span><br />
<a href="http://www.maaki.com/thomas/SmoothDivScroll/" target="_blank"> 19. Simple div slider</a></h2>
<p><span style="font-family: Arial, Verdana, sans-serif; line-height: normal; font-size: 16px;">Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hot spots within the scrollable area or via autoscrolling</span></p>
<p><a href="http://www.maaki.com/thomas/SmoothDivScroll/" target="_blank"></a><a href="http://www.maaki.com/thomas/SmoothDivScroll/"><img class="aligncenter size-full wp-image-81" title="Simnple div slider" src="http://www.designlib.com/wp-content/uploads/2010/01/simnpledivslider.jpg" alt="" width="540" height="154" /></a></p>
<h2><a href="http://www.serie3.info/s3slider/" target="_blank">20. S3slider jquery plugin</a></h2>
<p>Its an easy to use slider with ability to show caption hovered over the image. It also gives you the ability adjust the size of the image accordingly. Good to for the sites that needs constantly running images without any input from user like Products showcase etc.</p>
<p><a href="http://www.serie3.info/s3slider/demonstration.html"><img class="aligncenter size-full wp-image-102" title="s3slider" src="http://www.designlib.com/wp-content/uploads/2010/01/s3slider1.jpg" alt="" width="540" height="228" /></a></p>
<h2><a href="http://pikachoose.com/" target="_blank">21. Pikachoose</a></h2>
<p>Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy.</p>
<p><a href="http://pikachoose.com/"><img class="aligncenter size-full wp-image-83" title="pikachoose" src="http://www.designlib.com/wp-content/uploads/2010/01/pikachoose.jpg" alt="" width="540" height="429" /></a></p>
<h2><a href="http://www.userfriendlythinking.com/Blog/BlogDetail.asp?p1=7013&amp;p2=101&amp;p7=3001" target="_blank">22. Flickergallery</a></h2>
<p>flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.</p>
<p><a href="http://www.userfriendlythinking.com/Blog/BlogDetail.asp?p1=7013&amp;p2=101&amp;p7=3001"><img class="aligncenter size-full wp-image-84" title="Flickr gallery" src="http://www.designlib.com/wp-content/uploads/2010/01/flickrGallery.jpg" alt="" width="540" height="434" /></a></p>
<h2><a href="http://spaceforaname.com/gallery-dark.html" target="_blank">23. jquery galleryview</a></h2>
<p>GalleryView decides the best way to animate the filmstrip. When the gallery is wider than the filmstrip, the filmstrip remains stationary and the pointer slides from frame to frame. When the filmstrip is too long for the gallery, the pointer remains still and the filmstrip animates underneath it.</p>
<p><a href="http://spaceforaname.com/gallery-dark.html"><img class="aligncenter size-full wp-image-85" title="jquery gallery view" src="http://www.designlib.com/wp-content/uploads/2010/01/galleryview.jpg" alt="" width="540" height="234" /></a></p>
<h2><a href="http://www.mind-projects.it/projects/jqzoom/index.php" target="_blank">24. Jjqzoom Image zooming tool</a></h2>
<p>JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.</p>
<p><a href="http://www.mind-projects.it/projects/jqzoom/index.php"><img class="aligncenter size-full wp-image-86" title="jqzoom" src="http://www.designlib.com/wp-content/uploads/2010/01/jqzoom.jpg" alt="" width="540" height="236" /></a></p>
<h2><a href="http://jonraasch.com/blog/a-simple-jquery-slideshow" target="_blank">25. Simple jquery slideshow</a></h2>
<p>A very simple tutorial of creating slideshow using jquery and CSS. example code is also available to download from the site.</p>
<p style="text-align: center;"><a style="text-decoration: none;" href="http://jonraasch.com/blog/a-simple-jquery-slideshow"><img class="aligncenter size-full wp-image-87" title="Simple jquery slideshow" src="http://www.designlib.com/wp-content/uploads/2010/01/simplejqueryslider2.jpg" alt="" width="540" height="356" /></a></p>
<h2><a href="http://www.pirolab.it/pirobox/" target="_blank">26. Pirobox jquery image viewer plugin</a></h2>
<p style="text-align: left;">Seamless functionality and easy to navigate are some of the features of this plugin. you can use Pirobox in profile pictures show or events pictures sliders.</p>
<h2><a href="http://www.pirolab.it/pirobox/"><img class="aligncenter size-full wp-image-90" title="pirobox jquery plugin" src="http://www.designlib.com/wp-content/uploads/2010/01/pirobox2.jpg" alt="" width="540" height="363" /></a><a href="http://www.notesfor.net/post/NotesForLightBox.aspx" target="_blank">27. Noteforlightbox</a></h2>
<p>NotesForLightBox 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 style="text-align: left;"><a href="http://www.notesfor.net/post/NotesForLightBox.aspx"><img class="aligncenter size-full wp-image-91" title="NotesForLightBox" src="http://www.designlib.com/wp-content/uploads/2010/01/NotesForLightBox.jpg" alt="" width="540" height="402" /></a></p>
<h2><a href="http://www.leigeber.com/2008/12/javascript-slideshow/" target="_blank">28. Animated javascript slider</a></h2>
<p style="text-align: left;">This is a great tool. it gives you facility to slide the image and show the description using an overlay of div with dark bakground. most of the time such visibility is obtained using flash plugins but now its available in simple jquery based plugin.</p>
<h2><a href="http://www.leigeber.com/2008/12/javascript-slideshow/"><img class="aligncenter size-full wp-image-93" title="animated javascript slider" src="http://www.designlib.com/wp-content/uploads/2010/01/animated.jpg" alt="" width="540" height="437" /></a><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank"></a></h2>
<h2><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" target="_blank">29. Prettyphoto</a></h2>
<p style="text-align: left;">prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.</p>
<p style="text-align: left;"><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/"><img class="aligncenter size-full wp-image-94" title="prettyphoto" src="http://www.designlib.com/wp-content/uploads/2010/01/prettyphoto.jpg" alt="" width="540" height="422" /></a></p>
<h2><a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/" target="_blank">30. jqGalScroller jquery scroller plugin</a></h2>
<p style="text-align: left;">jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.</p>
<h2><a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/"><img class="aligncenter size-full wp-image-96" title="jqGalScroller" src="http://www.designlib.com/wp-content/uploads/2010/01/jqGalScroller1.jpg" alt="" width="540" height="430" /></a><a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow" target="_blank">31. jquery scrollshow</a></h2>
<p style="text-align: left;">jQuery.ScrollShow is a very customizable slideshow, that relies on jQuery.ScrollTo, to slide(scroll) the items. Documentation is included in the source file. The plugin is still in beta stage, but will be soon (hopefully) stable.</p>
<p style="text-align: left;"><a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow"><img class="aligncenter size-full wp-image-97" title="scrollshow" src="http://www.designlib.com/wp-content/uploads/2010/01/scrolshow.jpg" alt="" width="540" height="159" /></a></p>
<p style="text-align: left;">
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.designlib.com/web-development/jquery/50-best-jquery-image-photo-gallery-and-slideshow-tools/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>
