<?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>101WebSiteDesign :: Blog &#187; Ajax</title>
	<atom:link href="http://www.101websitedesign.com/blog/category/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.101websitedesign.com/blog</link>
	<description>Website Design &#38; Web Development Company India offers Ecommerce Web Design, Graphic, Logo Design &#38; SEO Services India</description>
	<lastBuildDate>Thu, 12 May 2011 17:31:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>30 Stylish jQuery Tooltip Plugins For Catchy Designs</title>
		<link>http://www.101websitedesign.com/blog/web-development/30-stylish-jquery-tooltip-plugins-for-catchy-designs/</link>
		<comments>http://www.101websitedesign.com/blog/web-development/30-stylish-jquery-tooltip-plugins-for-catchy-designs/#comments</comments>
		<pubDate>Thu, 12 May 2011 17:23:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=148</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/web-development/30-stylish-jquery-tooltip-plugins-for-catchy-designs/' addthis:title='30 Stylish jQuery Tooltip Plugins For Catchy Designs'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that’s why here comes jQuery to help with its well made tooltips. And remember that all [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/web-development/30-stylish-jquery-tooltip-plugins-for-catchy-designs/' addthis:title='30 Stylish jQuery Tooltip Plugins For Catchy Designs' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that’s why here comes jQuery to help with its well made tooltips. And remember that all those small website design things make your website look better.</p>
<p>So this time I will show you my Top 30 of jQuery tooltip plugins. Enjoy!</p>
<p><span id="more-148"></span></p>
<h2><a href="http://flowplayer.org/tools/tooltip.html" target="_blank">1. Dynamic tooltip</a></h2>
<p>Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.</p>
<p><a href="http://flowplayer.org/tools/tooltip.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design" width="570" height="178" /></a></p>
<h2><a href="http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/" target="_blank">2. Popup Bubble</a></h2>
<p>Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and simple websites.</p>
<p><a href="http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/dvq-popup-bubble-jquery-tooltip-plugin-for-web-design6.jpg" alt="dvq-popup-bubble-jquery-tooltip-plugin-for-web-design" width="570" height="109" /></a></p>
<h2><a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials" target="_blank">3. jQuery Horizontal Tooltips Menu Tutorials</a></h2>
<p>Beautifully made tooltip! This tooltip never disappears but follows when you hover over other links. Such a simple looking tooltip but its animation is brilliant.</p>
<p><a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/queness-horizontal-tooltips-menu-tutorials-jquery-tooltip-plugin-for-web-design6.jpg" alt="queness-horizontal-tooltips-menu-tutorials-jquery-tooltip-plugin-for-web-design" width="570" height="185" /></a></p>
<h2><a href="http://www.nickstakenburg.com/projects/prototip2/" target="_blank">4. Prototip</a></h2>
<p>A lot of various very good looking tooltips which look awesome and have beautiful effects. Brilliant peace of work!</p>
<p><a href="http://www.nickstakenburg.com/projects/prototip2/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/nickstakenburg-prototip-jquery-tooltip-plugin-for-web-design6.jpg" alt="nickstakenburg-prototip-jquery-tooltip-plugin-for-web-design" width="570" height="333" /></a></p>
<h2><a href="http://jqueryfordesigners.com/coda-popup-bubbles/" target="_blank">5. Coda Popup Bubble</a></h2>
<p>Very nice tooltip with cool transition effect and it also has a drop shadow.</p>
<p><a href="http://jqueryfordesigners.com/coda-popup-bubbles/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/jqueryfordesigners-coda-popup-bubble-jquery-tooltip-plugin-for-web-design6.jpg" alt="jqueryfordesigners-coda-popup-bubble-jquery-tooltip-plugin-for-web-design" width="570" height="180" /></a></p>
<h2><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/" target="_blank">6. Awesomeness</a></h2>
<p>Cool tooltip with nice transition effect and cool transparent border around it.</p>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/nettuts-s3-cdn-plus-awesomeness-jquery-tooltip-plugin-for-web-design6.jpg" alt="nettuts-s3-cdn-plus-awesomeness-jquery-tooltip-plugin-for-web-design" width="570" height="174" /></a></p>
<h2><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" target="_blank">7. TipTip</a></h2>
<p>Beautifully made tooltip with fade in / out transition effects, transparency and drop shadow effect.</p>
<p><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/code-drewwilson-tiptip-jquery-tooltip-plugin-for-web-design6.jpg" alt="code-drewwilson-tiptip-jquery-tooltip-plugin-for-web-design" width="570" height="111" /></a></p>
<h2><a href="http://pupunzi.open-lab.com/2009/02/07/mbtooltip/" target="_blank">8. (mb)Tooltip</a></h2>
<p>Beautifully made tooltip with nice transition for input fields.</p>
<p><a href="http://pupunzi.open-lab.com/2009/02/07/mbtooltip/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/pupunzi-mb-tooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="pupunzi-mb-tooltip-jquery-tooltip-plugin-for-web-design" width="570" height="129" /></a></p>
<h2><a href="http://www.vertigo-project.com/projects/vtip" target="_blank">9. vTip</a></h2>
<p>Simple but well made tooltip with a fade in transition effect. It has a cool looking border around it and when this tooltip appears, it also follows your mouse.</p>
<p><a href="http://www.vertigo-project.com/projects/vtip"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/vertigo-project-vtip-jquery-tooltip-plugin-for-web-design6.jpg" alt="vertigo-project-vtip-jquery-tooltip-plugin-for-web-design" width="570" height="312" /></a></p>
<h2><a href="http://stanlemon.net/projects/jgrowl.html" target="_blank">10. jGrowl</a></h2>
<p>Cool tooltip which appears when you click on the link and then it sticks on the right-top corner of your window, and disappears after some time or when you close it manually by clicking on the close button. It also has fade in / out transition effects.</p>
<p><a href="http://stanlemon.net/projects/jgrowl.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/stanlemon-jgrowl-jquery-tooltip-plugin-for-web-design6.jpg" alt="stanlemon-jgrowl-jquery-tooltip-plugin-for-web-design" width="570" height="177" /></a></p>
<h2><a href="http://codecanyon.net/item/generic-popups-jquery/131160?ref=1stwebdesigner" target="_blank">Generic Popups</a> – $14</h2>
<p>I know the main focus of this collection is for Tooltips but I just can’t let this gem pass without you knowing about it. It has tooltips too, and most of all you have the freedom to customize it at your own liking!</p>
<p><a href="http://codecanyon.net/item/generic-popups-jquery/131160?ref=1stwebdesigner"><img title="genpop" src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/genpop6.jpg" alt="" width="570" height="290" /></a></p>
<p>&nbsp;</p>
<h2><a href="http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html" target="_blank">11. jQuery Ajax Tooltip</a></h2>
<p>Interesting tooltip which can handle image and text together like a mini page. It has a drop shadow effect.</p>
<p><a href="http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/rndnext-blogspot-jquery-ajax-tooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="rndnext-blogspot-jquery-ajax-tooltip-jquery-tooltip-plugin-for-web-design" width="570" height="357" /></a></p>
<h2><a href="http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery" target="_blank">12. Digg-style post sharing tool with jQuery</a></h2>
<p>Cool digg-style post sharing tool. This tooltip could be very useful for social networking website.</p>
<p><a href="http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/queness-digg-style-post-sharing-tool-jquery-tooltip-plugin-for-web-design6.jpg" alt="queness-digg-style-post-sharing-tool-jquery-tooltip-plugin-for-web-design" width="570" height="173" /></a></p>
<h2><a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html" target="_blank">13. Input Floating Hint Box</a></h2>
<p>Interesting tooltip with rounded corners for input fields. Tooltip fades in when you click on the input field and fades out when you click somewhere else.</p>
<p><a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/nicolae-namolovan-googlepages-input-hint-box-jquery-tooltip-plugin-for-web-design6.jpg" alt="nicolae-namolovan-googlepages-input-hint-box-jquery-tooltip-plugin-for-web-design" width="570" height="142" /></a></p>
<h2><a href="http://craigsworks.com/projects/simpletip/" target="_blank">14. Simpletip</a></h2>
<p>Beautifully made tooltip with fade transitions. When you hover over a link, a tooltip fades in just above or below the link.</p>
<p><a href="http://craigsworks.com/projects/simpletip/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/simpletip-craigsworks-jquery-tooltip-plugin-for-web-design6.jpg" alt="simpletip-craigsworks-jquery-tooltip-plugin-for-web-design" width="570" height="178" /></a></p>
<h2><a href="http://craigsworks.com/projects/qtip/" target="_blank">15. qTip</a></h2>
<p>Very simple but good looking tooltip. This tooltip is available with rounded corners and also as a speech bubble tip.</p>
<p><a href="http://craigsworks.com/projects/qtip/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/craigsworks-qtip-jquery-tooltip-plugin-for-web-design6.jpg" alt="craigsworks-qtip-jquery-tooltip-plugin-for-web-design" width="570" height="156" /></a></p>
<h2><a href="http://www.userfirst.com/our-blog/2008/12/01/orbital-tooltip/" target="_blank">16. Orbital Tooltip</a></h2>
<p>Interesting tooltip plugin where you can set manually where your tooltip will show up.</p>
<p><a href="http://www.userfirst.com/our-blog/2008/12/01/orbital-tooltip/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/userfirst-orbital-jquery-tooltip-plugin-for-web-design6.jpg" alt="userfirst-orbital-jquery-tooltip-plugin-for-web-design" width="570" height="179" /></a></p>
<h2><a href="http://www.javascriptkit.com/script/script2/htmltooltip.shtml" target="_blank">17. Inline HTML Tooltip</a></h2>
<p>Cool tooltip with nice transition effects.</p>
<p><a href="http://www.javascriptkit.com/script/script2/htmltooltip.shtml"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/javascriptkit-inline-html-tooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="javascriptkit-inline-html-tooltip-jquery-tooltip-plugin-for-web-design" width="570" height="73" /></a></p>
<h2><a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">18. tipsy</a></h2>
<p>Interesting good looking tooltip which appears above, below, on the right or left side of the link.</p>
<p><a href="http://onehackoranother.com/projects/jquery/tipsy/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/onehackoranother-tipsy-jquery-tooltip-plugin-for-web-design6.jpg" alt="onehackoranother-tipsy-jquery-tooltip-plugin-for-web-design" width="570" height="72" /></a></p>
<h2><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery" target="_blank">19. Easiest jQuery Tooltip Ever</a></h2>
<p>Simple tooltip but it could be useful to display an image when you hover over a link.</p>
<p><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/cssglobe-easiest-jquery-tooltip-ever-jquery-tooltip-plugin-for-web-design6.jpg" alt="cssglobe-easiest-jquery-tooltip-ever-jquery-tooltip-plugin-for-web-design" width="570" height="233" /></a></p>
<h2><a href="http://benchsketch.com/bquery/index.html" target="_blank">20. BsTip</a></h2>
<p>Various simple tooltips with fade in and fade out transition effects and border around them.</p>
<p><a href="http://benchsketch.com/bquery/index.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/benchsketch-bstip-jquery-tooltip-plugin-for-web-design6.jpg" alt="benchsketch-bstip-jquery-tooltip-plugin-for-web-design" width="570" height="108" /></a></p>
<h2><a href="http://codecanyon.net/item/shiny-tooltips/160202?ref=1stwebdesigner" target="_blank">Shiny Tooltips</a> – $4</h2>
<p>Have you seen a tooltip that makes an item…shine? Blind your visitors with magnificence!</p>
<p><a href="http://codecanyon.net/item/shiny-tooltips/160202?ref=1stwebdesigner"><img title="shinytool" src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/shinytool3.jpg" alt="" width="570" height="290" /></a></p>
<p>&nbsp;</p>
<h2><a href="http://theezpzway.com/demos/ezpz-tooltip" target="_blank">21. EZPZ Tooltip</a></h2>
<p>Very simple tooltip with border around it, which follows your mouse.</p>
<p><a href="http://theezpzway.com/demos/ezpz-tooltip"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/theezpzway-ezpz-jquery-tooltip-plugin-for-web-design6.jpg" alt="theezpzway-ezpz-jquery-tooltip-plugin-for-web-design" width="570" height="174" /></a></p>
<h2><a href="http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html" target="_blank">22. BeautyTips</a></h2>
<p>Nice balloon style tooltip with transparency effect. There are available various tooltip styles, even interesting tooltips with cool animation, so you can choose one that fits best for your needs.</p>
<p><a href="http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/lullabot-beautytips-jquery-tooltip-plugin-for-web-design6.jpg" alt="lullabot-beautytips-jquery-tooltip-plugin-for-web-design" width="570" height="130" /></a></p>
<h2><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/" target="_blank">23. Tooltip</a></h2>
<p>Various tooltip plugins for your website. Here you can find a simple tooltip with a nice fade transition and also you can find a good looking bubble style tooltip.</p>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/bassistance-tooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="bassistance-tooltip-jquery-tooltip-plugin-for-web-design" width="570" height="175" /></a></p>
<h2><a href="http://plugins.learningjquery.com/cluetip/" target="_blank">24. clueTip</a></h2>
<p>Simple tooltip which shows up when you hover over a link and stays until you close it.</p>
<p><a href="http://plugins.learningjquery.com/cluetip/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/plugins-learning-jquery-cluetip-jquery-tooltip-plugin-for-web-design6.jpg" alt="plugins-learning-jquery-cluetip-jquery-tooltip-plugin-for-web-design" width="570" height="107" /></a></p>
<h2><a href="http://blufusion.net/2009/07/27/creating-a-simple-tooltip-using-jquery-and-css/" target="_blank">25. Creating A Simple Tooltip Using jQuery and CSS</a></h2>
<p>Few simple but different tooltips.</p>
<p><a href="http://blufusion.net/2009/07/27/creating-a-simple-tooltip-using-jquery-and-css/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/demos-blufusion-jquery-tooltips-jquery-tooltip-plugin-for-web-design6.jpg" alt="demos-blufusion-jquery-tooltips-jquery-tooltip-plugin-for-web-design" width="570" height="116" /></a></p>
<h2><a href="http://edgarverle.com/BetterTip/default.cfm" target="_blank">26. BetterTip</a></h2>
<p>Tooltip which appears on the right side of the link.</p>
<p><a href="http://edgarverle.com/BetterTip/default.cfm"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/edgarverle-bettertip-jquery-tooltip-plugin-for-web-design6.jpg" alt="edgarverle-bettertip-jquery-tooltip-plugin-for-web-design" width="570" height="77" /></a></p>
<h2><a href="http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip" target="_blank">27. jTip</a></h2>
<p>This is simple but useful tooltip for login form.</p>
<p><a href="http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/codylindley-jtip-jquery-tooltip-plugin-for-web-design6.jpg" alt="codylindley-jtip-jquery-tooltip-plugin-for-web-design" width="570" height="181" /></a></p>
<h2><a href="http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html" target="_blank">28. jqTooltip</a></h2>
<p>Simple tooltip with ajax loaded content. It has fade in and fade out transition effects.</p>
<p><a href="http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/hernan-amiune-jqtooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="hernan-amiune-jqtooltip-jquery-tooltip-plugin-for-web-design" width="570" height="108" /></a></p>
<h2><a href="http://pop.seaofclouds.com/" target="_blank">29. Pop!</a></h2>
<p>Simple tooltip which shows up when you click on the arrow button and disappears when you click somewhere else.</p>
<p><a href="http://pop.seaofclouds.com/"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/pop-seaofclouds-pop-jquery-tooltip-plugin-for-web-design6.jpg" alt="pop-seaofclouds-pop-jquery-tooltip-plugin-for-web-design" width="570" height="294" /></a></p>
<h2><a href="http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery" target="_blank">30. Create a Simple CSS + Javascript Tooltip with jQuery</a></h2>
<p>Simple tooltip with rounded corners. It follows your mouse movements.</p>
<p><a href="http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2011/03/queness-simple-css-javascript-tooltip-jquery-tooltip-plugin-for-web-design6.jpg" alt="queness-simple-css-javascript-tooltip-jquery-tooltip-plugin-for-web-design" width="570" height="142" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/web-development/30-stylish-jquery-tooltip-plugins-for-catchy-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easy Slider jQuery Plugin</title>
		<link>http://www.101websitedesign.com/blog/ajax/easy-slider-jquery-plugin/</link>
		<comments>http://www.101websitedesign.com/blog/ajax/easy-slider-jquery-plugin/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 23:00:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Image Slider]]></category>
		<category><![CDATA[header image slider]]></category>
		<category><![CDATA[image gallery]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=90</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/ajax/easy-slider-jquery-plugin/' addthis:title='Easy Slider jQuery Plugin'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Easy Slider jQuery Plugin 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.<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/ajax/easy-slider-jquery-plugin/' addthis:title='Easy Slider jQuery Plugin' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider" target="_blank">Easy Slider jQuery Plugin</a></strong></p>
<p><strong>Easy Slider</strong> 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.<span id="more-90"></span></p>
<p><a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider" target="_blank"><img class="aligncenter size-full wp-image-91" title="easy-slider-jquery" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/easy-slider-jquery.jpg" alt="easy-slider-jquery" width="570" height="287" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/ajax/easy-slider-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MiniShowcase Gallery</title>
		<link>http://www.101websitedesign.com/blog/ajax/minishowcase-gallery/</link>
		<comments>http://www.101websitedesign.com/blog/ajax/minishowcase-gallery/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 19:40:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Gallery]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=61</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/ajax/minishowcase-gallery/' addthis:title='MiniShowcase Gallery'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>MiniShowcase Gallery Minishowcase is a small and simple PHP/JavaScript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/ajax/minishowcase-gallery/' addthis:title='MiniShowcase Gallery' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://minishowcase.net/" target="_blank">MiniShowcase Gallery</a></p>
<p>Minishowcase is a small and simple PHP/JavaScript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.<span id="more-61"></span></p>
<p><a href="http://minishowcase.net/" target="_blank"><img class="aligncenter size-full wp-image-62" title="minishowcase" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/minishowcase.jpg" alt="minishowcase" width="570" height="441" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/ajax/minishowcase-gallery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JonDesign’s SmoothGallery</title>
		<link>http://www.101websitedesign.com/blog/ajax/jondesign%e2%80%99s-smoothgallery/</link>
		<comments>http://www.101websitedesign.com/blog/ajax/jondesign%e2%80%99s-smoothgallery/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 19:36:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Gallery]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=58</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/ajax/jondesign%e2%80%99s-smoothgallery/' addthis:title='JonDesign’s SmoothGallery'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>JonDesign’s SmoothGallery Using MooTools v1.11, this JavaScript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Together there are 7 different gallery demos, You can download and test for free. Unlike other systems out there, JonDesign’s SmoothGallery is designed from the [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/ajax/jondesign%e2%80%99s-smoothgallery/' addthis:title='JonDesign’s SmoothGallery' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://smoothgallery.jondesign.net/" target="_blank">JonDesign’s SmoothGallery</a></p>
<p>Using MooTools v1.11, this JavaScript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Together there are 7 different gallery demos, You can download and test for free.<span id="more-58"></span></p>
<p>Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom CSS selectors. And even better, this solutions is very lightweight: The JavaScript file is only 24kb.</p>
<p><a href="http://smoothgallery.jondesign.net/" target="_blank"><img class="aligncenter size-full wp-image-59" title="jondesign-1" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/jondesign-1.jpg" alt="jondesign-1" width="462" height="347" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/ajax/jondesign%e2%80%99s-smoothgallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Image Slider : Agile Carousel</title>
		<link>http://www.101websitedesign.com/blog/ajax/jquery-image-slider-agile-carousel/</link>
		<comments>http://www.101websitedesign.com/blog/ajax/jquery-image-slider-agile-carousel/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 19:29:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[image gallery]]></category>
		<category><![CDATA[Image Slider]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.101websitedesign.com/blog/?p=54</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.101websitedesign.com/blog/ajax/jquery-image-slider-agile-carousel/' addthis:title='jQuery Image Slider : Agile Carousel'  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>Agile Carousel is a feature-rich jQuery plugin for creating attractive image sliders. With a bunch of options to customize the slider, and it can be used with or without jQuery UI for more effects, the plugin provides total control. From a folder mentioned, it gets the images via PHP (not Ajaxed). Some controls it has [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.101websitedesign.com/blog/ajax/jquery-image-slider-agile-carousel/' addthis:title='jQuery Image Slider : Agile Carousel' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://code.google.com/p/agile-carousel/" target="_blank"><strong>Agile Carousel</strong></a> is a feature-rich <strong>jQuery plugin</strong> for creating attractive image sliders.</p>
<p>With a bunch of options to customize the slider, and it can be used with or without jQuery UI for more effects, the plugin provides total control.<span id="more-54"></span></p>
<p><img class="aligncenter size-full wp-image-55" title="jquery-image-slide" src="http://www.101websitedesign.com/blog/wp-content/uploads/2009/08/jquery-image-slide.jpg" alt="jquery-image-slide" width="480" height="228" /></p>
<p>From a folder mentioned, it gets the images via <strong>PHP</strong> (not Ajaxed).</p>
<h3>Some controls it has are:</h3>
<ul>
<li>Prev-next button options</li>
<li>Enable-disable slide captions</li>
<li>Effects used, delays</li>
<li>Use of watermarks (text)</li>
<li>&amp; many more..</li>
</ul>
<p>A demo with all the features can be found <a href="http://www.5bosses.com/examples/agile_carousel/full_example/carousel.html" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.101websitedesign.com/blog/ajax/jquery-image-slider-agile-carousel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

