<?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>Cool Javascripts &#187; Effects</title>
	<atom:link href="http://cool-javascripts.com/category/effects/feed" rel="self" type="application/rss+xml" />
	<link>http://cool-javascripts.com</link>
	<description>The best javascripts for your site</description>
	<lastBuildDate>Tue, 22 Mar 2011 14:35:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>10 jQuery plugins for manipulating images</title>
		<link>http://cool-javascripts.com/effects/10-jquery-plugins-for-manipulating-images.html</link>
		<comments>http://cool-javascripts.com/effects/10-jquery-plugins-for-manipulating-images.html#comments</comments>
		<pubDate>Thu, 05 Mar 2009 14:42:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[image effects]]></category>
		<category><![CDATA[image manipulation]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/?p=207</guid>
		<description><![CDATA[This time, I want to list some jQuery plugins that work with images or manipulate images some how. I didn&#8217;t consider scripts for slide shows or image viewer. You may be also interested in the following posts, 10 jQuery plugins for showing image gallery Which is the best lightbox clone for jQuery ? Image Reflection [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>This time, I want to list some jQuery plugins that work with images or manipulate images some how. I didn&#8217;t consider scripts for slide shows or image viewer. </p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/image-manipulation.jpg" /></p>
<p>You may be also interested in the following posts,</p>
<ul>
<li><a href="http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html">10 jQuery plugins for showing image gallery</a></li>
<li><a href="http://cool-javascripts.com/galleries/which-is-the-best-lightbox-clone-for-jquery.html">Which is the best lightbox clone for jQuery ?</a></li>
</ul>
<p><span id="more-207"></span></p>
<h3>Image Reflection</h3>
<p>Image reflection is a common technique that designers use for a visual appeal. This jQuery plugin can create the reflection automatically for images. It is very light &#038; faster because it uses the Canvas object in supported browsers and DirectX filters in Internet Explorer.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/digitaliabe-reflectionjs-for-jquery.jpg" /></p>
<p><b><br />
Features</b></p>
<ul>
<li>Light weight (Less than 2KB)</li>
<li>Easy to use</li>
<li>Customizable</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.3 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 2KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Compatible Browsers</th>
<td>IE 6+,Firefox 1.5+, Opera 9+, Safari 2+, Camino and Google Chrome</td>
</tr>
<tr>
<th>Demo &#038; Downlod</th>
<td><a class="opensame" rel="shadowbox" href="http://www.digitalia.be/software/reflectionjs-for-jquery#demo">Open</a> | <a class="opennew" href="http://www.digitalia.be/software/reflectionjs-for-jquery#demo" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<p class="note">For a stand alone reflection script, please visit <a href="http://cow.neondragon.net/stuff/reflection/" target="_blank">http://cow.neondragon.net/stuff/reflection/</a> </p>
<h3>jqZoom &#8211; Image magnifier for jQuery</h3>
<p>It is a good script to zoom into some part of an image. The idea is to use two images. A smaller image which shows initially and a high resolution copy of that image which will be shown (part of the image corresponding to the mouse position).</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/exzoom.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.6 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 9KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (GPL)</td>
</tr>
<tr>
<th>Compatible Browsers</th>
<td>Firefox 2+, Opera 9+, IE6+, Safari 2+, Google Chrome</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://www.mind-projects.it/projects/jqzoom/demos.php">Open</a> | <a class="opennew" href="http://www.mind-projects.it/projects/jqzoom/demos.php" target="_blank">Open in new window</a></td>
</tr>
</tr>
<tr>
<th>Dowload &#038; Info</th>
<td<a class="opennew" href="http://www.mind-projects.it/projects/jqzoom/" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<h3>jQPanView</h3>
<p>This script is useful if we need to show a high resolution image in a a small area. Using this script, user can pan around the images using a small thumbnail view (like google map).</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/jqpanview.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.6 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 3KB (Uncompressed) </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo &#038; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://projects.sevir.org/storage/jpanview/index.html">Open</a> | <a class="opennew" href="http://projects.sevir.org/storage/jpanview/index.html" target="_blank">Open in new window</a></td>
</tr>
</tr>
</tbody>
</table>
<h3>jCrop &#8211; Select an image area</h3>
<p>It can be used to draw a selection inside an image. Then this data can be used to crop that image in server side. A very good interface that matches to professional image cropping applications. Probably it is useful in a CMS or for web based image manipulation.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/jcrop-image-cropping-demos.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.6 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">10KB (Compressed) </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (MIT)</td>
</tr>
<tr>
<th>Compatible Browsers</th>
<td>Firefox 3, Opera 9.5, IE6+, Safari 3, Google Chrome</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://deepliquid.com/projects/Jcrop/demos.php">Open</a> | <a class="opennew" href="http://deepliquid.com/projects/Jcrop/demos.php" target="_blank">Open in new window</a></td>
</tr>
</tr>
<tr>
<th>Dowload</th>
<td<a class="opennew" href="http://deepliquid.com/content/Jcrop_Download.html" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<h3>imgAreaSelect</h3>
<p>This script also serves the same purpose as JCrop but with some more customization options. Lots of examples provided.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/imgareaselect-examples-odyniecnet.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.6 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">11KB (Minified) </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Dual Licensed GPL + MIT)</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://odyniec.net/projects/imgareaselect/examples.php">Open</a> | <a class="opennew" href="http://odyniec.net/projects/imgareaselect/examples.php" target="_blank">Open in new window</a></td>
</tr>
</tr>
<tr>
<th>Info &#038; Dowload</th>
<td<a class="opennew" href="http://odyniec.net/projects/imgareaselect/" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<h3>360 degree panorama</h3>
<p>This script creates a 360 degree panoramic view of any objects using an array of images. The script is simple to use. Shoot the photos of the object in all possible angles and give it as an array to the script. The image preloader will load all images. Can be activated in mouse move or click.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/360panorama.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.3 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 3KB (Uncompressed) </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo &#038; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://www.mathieusavard.info/threesixty/demo.html">Open</a> | <a class="opennew" href="http://www.mathieusavard.info/threesixty/demo.html" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<h3>Spherical Panorama</h3>
<p>It can create a spherical panorama from given images. It will need a lot of images and those are handled well using a good loading animation. All the process are explained well in their site (It is in French, I have given a google translated link).</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/spherical-panorama.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.3 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 7KB (Uncompressed) </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (GPL)</td>
</tr>
<tr>
<th>Demo &#038; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html">Open</a> | <a class="opennew" href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html" target="_blank">Open in new window</a></td>
</tr>
<tr>
<th>Translated page in English</th>
<td<a class="opennew" href="http://translate.google.com/translate?prev=hp&#038;hl=en&#038;u=http%3A%2F%2Fwww.openstudio.fr%2FjQuery-spherical-panorama-viewer.html&#038;sl=fr&#038;tl=en" target="_blank">Google English translation</a></td>
</tr>
</tbody>
</table>
<h3>jQuery Virtual Tour</h3>
<p>This is a good script for creating panoramic views with hot spots. The animation is good and there are controls which pops up on mouse over to control the direction or pause. We only need to give the image and the hotspots can be given using image maps. </p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/jquery-virtual-tour.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.3 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 10KB including all supported scripts </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (GPL)</td>
</tr>
<tr>
<th>Demo &#038; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://openstudio.fr/jquery-virtual-tour/">Open</a> | <a class="opennew" href="http://openstudio.fr/jquery-virtual-tour/" target="_blank">Open in new window</a></td>
</tr>
<tr>
<th>Info &#038; Download</th>
<td><a class="opennew" href="http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en" target="_blank">Open</a></td>
</tr>
</tbody>
</table>
<p class="note">For a more simple panorama viewer (without support for hot spot), please check <a href="http://www.openstudio.fr/jquery.panorama/" target="_blank">http://www.openstudio.fr/jquery.panorama/</a> </p>
<h3>Image Cube</h3>
<p>It is a jQuery plugin  that sets a division to rotate between images as if they were on the faces of a cube.</p>
<blockquote><p>The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect.</p></blockquote>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/imagecube.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.6 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 8KB (Compressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (GPL + MIT)</td>
</tr>
<tr>
<th>Demo &#038; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://keith-wood.name/imageCube.html">Open</a> | <a class="opennew" href="http://keith-wood.name/imageCube.html" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<h3>jqPuzzle &#8211; for creating sliding puzzles</h3>
<blockquote><p>
jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic – jqPuzzle will automagically turn it into a full-blown sliding puzzle! If you want, you can highly customize and style your sliding puzzle according to your needs. The interface is available in several languages, and you can add your own texts on the fly. </p></blockquote>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/03/jqpuzzle.jpg" /></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2.1 +</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 10KB (Compressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (GPL + MIT)</td>
</tr>
<tr>
<th>Demo &#038; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://www.2meter3.de/jqPuzzle/demos.html">Open</a> | <a class="opennew" href="http://www.2meter3.de/jqPuzzle/demos.html" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/10-jquery-plugins-for-manipulating-images.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jQuery seekAttention plugin to get the users attention</title>
		<link>http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html</link>
		<comments>http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html#comments</comments>
		<pubDate>Sun, 11 Jan 2009 14:09:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[element highlight]]></category>
		<category><![CDATA[highlight]]></category>
		<category><![CDATA[seek attention]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html</guid>
		<description><![CDATA[The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading out a definable area but leaving the target element (the element which is seeking attention) un-faded and thereby focusing the users attention on it. The definable area (to be called &#8220;container&#8221; from this point forward) can be the entire page or any element which surrounds [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html' rel='bookmark' title='Permanent Link: Make curved corners with jQuery Corner plugin'>Make curved corners with jQuery Corner plugin</a> <small>If you want a curved edge for your element, the...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<blockquote><p>The &#8220;<strong>seekAttention</strong>&#8221; plugin gracefully get&#8217;s your users attention by fading out a definable area but leaving the target element (the element which is seeking attention) un-faded and thereby focusing the users attention on it. </p>
<p>The definable area (to be called &#8220;container&#8221; from this point forward) can be the entire page or any element which surrounds the target element and the colour which overlays the container can also be defined by you.
</p>
</blockquote>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/01/seek-attention-jquery-plugin-by-james-padolsey.jpg" /></p>
<p>This plugin can be useful for web based tutorials or in forms (May be in validation). <span id="more-95"></span></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">5KB (compressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo &amp; Downlaod</th>
<td><a class="opensame" rel="shadowbox" href="http://enhance.qd-creative.co.uk/demo/seekAttention/#demos">Open</a> | <a class="opennew" href="http://enhance.qd-creative.co.uk/demo/seekAttention/#demos" target="_blank">New window</a></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html' rel='bookmark' title='Permanent Link: Make curved corners with jQuery Corner plugin'>Make curved corners with jQuery Corner plugin</a> <small>If you want a curved edge for your element, the...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Improved lava lamp effect for jQuery and Mootools</title>
		<link>http://cool-javascripts.com/effects/improved-lava-lamp-effect-for-jquery-and-mootools.html</link>
		<comments>http://cool-javascripts.com/effects/improved-lava-lamp-effect-for-jquery-and-mootools.html#comments</comments>
		<pubDate>Sat, 10 Jan 2009 18:37:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[lava lamp]]></category>
		<category><![CDATA[lavalamp]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/uncategorized/improved-lava-lamp-effect-for-jquery-and-mootools.html</guid>
		<description><![CDATA[The lava lamp effect was an excellent technique to turn the navigation to a flash like animation. LavaLamp allows you to add nifty background hover effects to HTML lists in combination with the Easing library. It is available for bot jQuery and Mootools LavaLamp &#8211; Lava lamp for jQuery Horizontal and vertical movement supported Callback [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/three-lightbox-clones-for-mootools.html' rel='bookmark' title='Permanent Link: Three lightbox clones for Mootools'>Three lightbox clones for Mootools</a> <small>Just like jQuery, Mootools also has some nice lightbox clones...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>The lava lamp effect was an excellent technique to turn the navigation to a flash like animation. LavaLamp allows you to add nifty background hover effects to HTML lists in combination with the Easing library.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/01/lavalamp.jpg" /></p>
<p>It is available for  bot jQuery and Mootools <span id="more-91"></span></p>
<h2>LavaLamp &#8211; Lava lamp for jQuery</h2>
<ul>
<li>Horizontal and vertical movement supported
</li>
<li>Callback support on completion
</li>
<li>Easing library support &#8211; Can use any supported animation
</li>
<li>Speed can be adjusted</li>
</ul>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery, Easing plugin</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">5 KB (Uncompressed) </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://nixboxdesigns.com/lavalamptest.html">Open</a>  | <a class="opennew" href="http://nixboxdesigns.com/lavalamptest.html" target="_blank">Open in new window</a></td>
</tr>
<tr>
<th>Info &amp; Download</th>
<td><a class="opennew" href="http://nixboxdesigns.com/lavalamp.php" target="_blank">Open</a></td>
</tr>
</tbody>
</table>
<p class="note">Don&#8217;t forget to checkout the different easing effects (On top of the demo page) </p>
<h2>Fancy Menu &#8211; Lava lamp for Mootools</h2>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>Mootools (Latest version requires 1.2)</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">2KB</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo &amp; Download</th>
<td><a class="opensame" rel="shadowbox" href="http://devthought.com/cssjavascript-true-power-fancy-menu/">Open</a>  | <a class="opennew" href="http://devthought.com/cssjavascript-true-power-fancy-menu/" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>
<p class="note">Also, check the <a href="http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/" target="_blank">Barack Slideshow plugin</a> based on the MorphList plugin for Mootools. </p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/three-lightbox-clones-for-mootools.html' rel='bookmark' title='Permanent Link: Three lightbox clones for Mootools'>Three lightbox clones for Mootools</a> <small>Just like jQuery, Mootools also has some nice lightbox clones...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li><li><a href='http://cool-javascripts.com/modal-windows/sexy-alert-box-for-mootools.html' rel='bookmark' title='Permanent Link: Sexy Alert Box for Mootools'>Sexy Alert Box for Mootools</a> <small> It is an excellent script to replace the javascript...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/improved-lava-lamp-effect-for-jquery-and-mootools.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Make curved corners with jQuery Corner plugin</title>
		<link>http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html</link>
		<comments>http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html#comments</comments>
		<pubDate>Sun, 04 Jan 2009 13:46:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[corner]]></category>
		<category><![CDATA[curve]]></category>
		<category><![CDATA[curved edge]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html</guid>
		<description><![CDATA[If you want a curved edge for your element, the best way is to use the jQuery corner plugin. This plugin dynamically generates and positions div elements to create very cool corners. Just checkout the demo page to see the various styles. Why it is recommended? It does not use any image. It is more [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li><li><a href='http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html' rel='bookmark' title='Permanent Link: jQuery seekAttention plugin to get the users attention'>jQuery seekAttention plugin to get the users attention</a> <small>The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>If you want a curved edge for your element, the best way is to use the jQuery corner plugin. This plugin dynamically generates and positions div elements to create very cool corners. Just checkout the demo page to see the various styles.</p>
<p><img src="http://cool-javascripts.com/wp-content/uploads/2009/01/corners.jpg" /></p>
<p><b>Why it is recommended?</b></p>
<ul>
<li>It does not use any image.</li>
<li>It is more SEO friendly because we don&#8217;t need any unnecessary markups in code. All code is generated dynamically and a search engine never sees that.</li>
<li>Don&#8217;t need to worry about changing the background color as long as it is not a gradient. </li>
</ul>
<p><b>Limitations<br />
</b><br />
The background should be a solid color (Should not be a gradient or background image).<br />
<span id="more-67"></span></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.2</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">8KB (Uncompressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://www.malsup.com/jquery/corner/">Open</a> | <a class="opennew" href="http://www.malsup.com/jquery/corner/" target="_blank">Open in new window</a></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li><li><a href='http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html' rel='bookmark' title='Permanent Link: jQuery seekAttention plugin to get the users attention'>jQuery seekAttention plugin to get the users attention</a> <small>The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/make-curved-corners-with-jquery-corner-plugin.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Agile Carousel &#8211; Custom carousel with excellent options</title>
		<link>http://cool-javascripts.com/effects/agile-carousel-custom-carousel-with-excellent-options.html</link>
		<comments>http://cool-javascripts.com/effects/agile-carousel-custom-carousel-with-excellent-options.html#comments</comments>
		<pubDate>Sun, 04 Jan 2009 08:07:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[carousel]]></category>
		<category><![CDATA[custom carousel]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/agile-carousel-custom-carousel-with-excellent-options.html</guid>
		<description><![CDATA[Agile Carousel is a jquery plugin which enables you to create a custom carousel with many many different transition &#38; easing options. It has lots of configurable options like customization of controls, timer, easing type, transition type etc. It does not require jQuery UI plugin but it is recommended for excellent transitions of slides. We [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/which-is-the-best-lightbox-clone-for-jquery.html' rel='bookmark' title='Permanent Link: Which is the best lightbox clone for jQuery ?'>Which is the best lightbox clone for jQuery ?</a> <small>Lightbox is a script made by Lokesh Dhakar which is...</small></li><li><a href='http://cool-javascripts.com/mootools/fancy-upload-ajax-file-upload-for-mootools.html' rel='bookmark' title='Permanent Link: Fancy Upload &#8211; Ajax file upload for MooTools'>Fancy Upload &#8211; Ajax file upload for MooTools</a> <small>Fancy upload is a nice and excellent replacement for the...</small></li><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Agile Carousel is a jquery plugin which enables you to create a custom carousel with many many different transition &amp; easing options. It has lots of configurable options like customization of controls, timer, easing type, transition type etc. It does not require jQuery UI plugin but it is recommended for excellent transitions of slides. </p>
<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2009/01/agile-carousel.jpg" /></p>
<p>We need to specify a directory where slides are stored. The slides can be (X)HTML, images or flash.<span id="more-63"></span> </p>
<p><b>Features</b>
<ul>
<li>Excellent transition effects</li>
<li>Configurable controls</li>
<li>Supports HTML, Flash and images </li>
</ul>
<p><b>How it works?<br /></b><br />The script works a little differently. It posts the configured options to a PHP file using AJAX. The configurable options specify the slide directories, titles and links. The PHP file parses the options and then it scans through the directory(multiple directories are supported). </p>
<p>The downloaded source package contains this PHP file. The PHP script path is hard coded in javascript, so you might need to edit the path there. Also, it is possible to tweak it to work with any server side scripting languages, not just PHP. </p>
<p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery 1.26, jQuery UI library recommended</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">16KB (Minified) </td>
<td></td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (<a href="http://www.opensource.org/licenses/bsd-license.php" target="_blank">New BSD</a>)</td>
</tr>
<tr>
<th>Demo</th>
<td><a class="opensame" rel="shadowbox" href="http://www.5bosses.com/examples/agile_carousel/full_example/carousel.html">Open</a> | <a class="opennew" href="http://www.5bosses.com/examples/agile_carousel/full_example/carousel.html" target="_blank">Open in new window</a></td>
</tr>
<tr>
<th>Info &amp; Download</th>
<td><a class="opennew" href="http://code.google.com/p/agile-carousel/">Open</a></td>
</tr>
</tbody>
</table>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/which-is-the-best-lightbox-clone-for-jquery.html' rel='bookmark' title='Permanent Link: Which is the best lightbox clone for jQuery ?'>Which is the best lightbox clone for jQuery ?</a> <small>Lightbox is a script made by Lokesh Dhakar which is...</small></li><li><a href='http://cool-javascripts.com/mootools/fancy-upload-ajax-file-upload-for-mootools.html' rel='bookmark' title='Permanent Link: Fancy Upload &#8211; Ajax file upload for MooTools'>Fancy Upload &#8211; Ajax file upload for MooTools</a> <small>Fancy upload is a nice and excellent replacement for the...</small></li><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/agile-carousel-custom-carousel-with-excellent-options.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>jGrowl &#8211; To show unobtrusive messages</title>
		<link>http://cool-javascripts.com/effects/jgrowl-to-show-unobtrusive-messages.html</link>
		<comments>http://cool-javascripts.com/effects/jgrowl-to-show-unobtrusive-messages.html#comments</comments>
		<pubDate>Thu, 04 Dec 2008 20:42:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[alert]]></category>
		<category><![CDATA[messages]]></category>
		<category><![CDATA[sticky message]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/jgrowl-to-how-unobtrusive-messages.html</guid>
		<description><![CDATA[jGrowl is a nice way to show unobtrusive messages or informations to user. Advantages The default style is good enough The message can be shown for a pre defined time (For eg: 10 seconds and then it will close automatically) Support for sticky messages &#8211; which do not close automatically Customizable Dependencies jQuery Size 5 [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/jgrowl.jpg" /></p>
<p>jGrowl is a nice way to show unobtrusive messages or informations to user.<br />
<b><br />
Advantages</b></p>
<ul>
<li>The default style is good enough</li>
<li>The message can be shown for a pre defined time (For eg: 10 seconds and then it will close automatically)</li>
<li>Support for sticky messages &#8211; which do not close automatically</li>
<li>Customizable</li>
</ul>
<p><span id="more-39"></span></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">5 KB </td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links </p>
<p><a class="opensame" rel="shadowbox" href="http://stanlemon.net/projects/jgrowl.html#samples">Open Demo</a> | <a class="opennew" href="http://stanlemon.net/projects/jgrowl.html#samples" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://stanlemon.net/projects/jgrowl.html" target="_blank">Info &amp; Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-and-mootools-plugin-to-show-tooltips.html' rel='bookmark' title='Permanent Link: jQuery and Mootools plugin to show tooltips'>jQuery and Mootools plugin to show tooltips</a> <small>The tooltip is a common graphical user interface element. It...</small></li><li><a href='http://cool-javascripts.com/jquery/3-jquery-plugins-to-show-context-menu.html' rel='bookmark' title='Permanent Link: 3 jQuery plugins to show context menu'>3 jQuery plugins to show context menu</a> <small>A context menu (also contextual menu, shortcut menu and, popup...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/jgrowl-to-show-unobtrusive-messages.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Featured content slider &#8211; Auto advancing</title>
		<link>http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html</link>
		<comments>http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html#comments</comments>
		<pubDate>Wed, 22 Oct 2008 09:40:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[featured content]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html</guid>
		<description><![CDATA[Using jQuery Coda plugin, css-tricks.com has created a very good script for a featured content gallery with auto advancing. It can be created with simple html markups. Dependencies jQuery, jQuery Easing &#38; Compatibility plugin, jquery Coda plugin Size Less than 40KB (All scripts including jQuery compressed) Restrictions None (Free to use on any site) Suggested [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/effects/jquery-coda-slider.html' rel='bookmark' title='Permanent Link: jQuery Coda Slider'>jQuery Coda Slider</a> <small> There are two jQuery plugins to emulate the Coda...</small></li><li><a href='http://cool-javascripts.com/jquery/accessible-news-slider-for-jquery.html' rel='bookmark' title='Permanent Link: Accessible news slider for jQuery'>Accessible news slider for jQuery</a> <small>It is a good plugin which follows the accessibility requirements...</small></li><li><a href='http://cool-javascripts.com/effects/image-flow-09.html' rel='bookmark' title='Permanent Link: Image Flow 0.9'>Image Flow 0.9</a> <small> Image flow is inspired by Apple&#8217;s cover flow. The...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/12/featured-content-slider.jpg" /></p>
<p>Using jQuery Coda plugin, css-tricks.com has created a very good script for a featured content gallery with auto advancing. It can be created with simple html markups. <span id="more-18"></span></p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery, jQuery Easing &amp; Compatibility plugin, jquery Coda plugin</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">Less than 40KB (All scripts including jQuery compressed)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p><b><br />
Suggested Enhancements</b></p>
<p>Add scroll functionality (carousel functionality) in the thumbnails so that any number of items can be featured.</p>
<p class="download">For demo and download, please check the links</p>
<p><a class="opensame" rel="shadowbox" href="http://css-tricks.com/examples/FeaturedContentSlider/">Open Demo</a> | <a class="opennew" href="http://css-tricks.com/examples/FeaturedContentSlider/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/" target="_blank">Info &amp; Download</a> code</p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/effects/jquery-coda-slider.html' rel='bookmark' title='Permanent Link: jQuery Coda Slider'>jQuery Coda Slider</a> <small> There are two jQuery plugins to emulate the Coda...</small></li><li><a href='http://cool-javascripts.com/jquery/accessible-news-slider-for-jquery.html' rel='bookmark' title='Permanent Link: Accessible news slider for jQuery'>Accessible news slider for jQuery</a> <small>It is a good plugin which follows the accessibility requirements...</small></li><li><a href='http://cool-javascripts.com/effects/image-flow-09.html' rel='bookmark' title='Permanent Link: Image Flow 0.9'>Image Flow 0.9</a> <small> Image flow is inspired by Apple&#8217;s cover flow. The...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Coda Slider</title>
		<link>http://cool-javascripts.com/effects/jquery-coda-slider.html</link>
		<comments>http://cool-javascripts.com/effects/jquery-coda-slider.html#comments</comments>
		<pubDate>Tue, 21 Oct 2008 10:29:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[coda effects]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/jquery-coda-slider.html</guid>
		<description><![CDATA[There are two jQuery plugins to emulate the Coda style. One uses scrollTo plugin and the other uses jQuery easing plugin 1. jQuery Coda Slider It uses the jQuery scrollTo plugin. Dependencies jQuery, jQuery ScrollTo, local Scroll &#38; serial Scroll Size 10 KB (with all the requried plugins &#8211; excluding jQuery) Restrictions None (Free to [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html' rel='bookmark' title='Permanent Link: Featured content slider &#8211; Auto advancing'>Featured content slider &#8211; Auto advancing</a> <small> Using jQuery Coda plugin, css-tricks.com has created a very...</small></li><li><a href='http://cool-javascripts.com/jquery/accessible-news-slider-for-jquery.html' rel='bookmark' title='Permanent Link: Accessible news slider for jQuery'>Accessible news slider for jQuery</a> <small>It is a good plugin which follows the accessibility requirements...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img src="http://cool-javascripts.com/wp-content/uploads/2008/12/better-coda-slider1.gif" /></p>
<p>There are two jQuery plugins  to emulate the <a target="_blank" href="http://www.panic.com/coda/">Coda style</a>. One uses scrollTo plugin and the other uses jQuery easing plugin<span id="more-21"></span></p>
<p><b>1. jQuery Coda Slider</b></p>
<p>It uses the jQuery scrollTo plugin. </p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery, jQuery ScrollTo, local Scroll &amp; serial Scroll</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">10 KB (with all the requried plugins &#8211; excluding jQuery)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links</p>
<p><a class="opensame" rel="shadowbox" href="http://jqueryfordesigners.com/demo/coda-slider.html">Open Demo</a> | <a class="opennew" href="http://jqueryfordesigners.com/demo/coda-slider.html" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://jqueryfordesigners.com/demo/coda-slider.html" target="_blank">Info &amp; Download</a>
</p>
<p><b>2. jQuery Coda Slider</b><br />
<img src="http://cool-javascripts.com/wp-content/uploads/2008/12/coda-slider-1111.gif" /><br />
It uses jQuery easing plugin for the effects</p>
<table border="0">
<tbody>
<tr>
<th>Dependencies</th>
<td>jQuery, jQuery easing, easing comaptibility</td>
</tr>
<tr>
<th>Size</th>
<td class="alt">9 KB (with all the requried plugins &#8211; excluding jQuery)</td>
</tr>
<tr>
<th>Restrictions</th>
<td>None (Free to use on any site)</td>
</tr>
</tbody>
</table>
<p class="download">For demo and download, please check the links</p>
<p><a class="opensame" rel="shadowbox" href="http://www.ndoherty.com/demos/coda-slider/1.1.1/">Open Demo</a> | <a class="opennew" href="http://www.ndoherty.com/demos/coda-slider/1.1.1/" target="_blank">Open demo in new window</a> |  <a class="opennew" href="http://www.ndoherty.com/coda-slider" target="_blank">Info &amp; Download</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/effects/featured-content-slider-auto-advancing.html' rel='bookmark' title='Permanent Link: Featured content slider &#8211; Auto advancing'>Featured content slider &#8211; Auto advancing</a> <small> Using jQuery Coda plugin, css-tricks.com has created a very...</small></li><li><a href='http://cool-javascripts.com/jquery/accessible-news-slider-for-jquery.html' rel='bookmark' title='Permanent Link: Accessible news slider for jQuery'>Accessible news slider for jQuery</a> <small>It is a good plugin which follows the accessibility requirements...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-plugins-to-show-data-in-table-format-or-chart-format.html' rel='bookmark' title='Permanent Link: jQuery plugins to show data in table format or chart format'>jQuery plugins to show data in table format or chart format</a> <small> Need to show data in a tabular format or...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/jquery-coda-slider.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery easing plugin</title>
		<link>http://cool-javascripts.com/effects/jquery-easing-plugin.html</link>
		<comments>http://cool-javascripts.com/effects/jquery-easing-plugin.html#comments</comments>
		<pubDate>Sat, 04 Oct 2008 09:40:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[easing]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/effects/jquery-easing-plugin.html</guid>
		<description><![CDATA[It is a very cool script which can be used to render various effects with an easing effect. Uses Robert Penners easing equations for the transitions. We can incorporate this script in many places. All demos can be found in the site http://gsgd.co.uk/sandbox/jquery/easing/ Related posts:jQuery seekAttention plugin to get the users attention The &#8220;seekAttention&#8221; plugin [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html' rel='bookmark' title='Permanent Link: jQuery seekAttention plugin to get the users attention'>jQuery seekAttention plugin to get the users attention</a> <small>The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading...</small></li><li><a href='http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html' rel='bookmark' title='Permanent Link: jQuery BlockUI Plugin'>jQuery BlockUI Plugin</a> <small> It is a unique jquery plugin to prevent the...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>It is a very cool script which can be used to render various effects with an easing effect. Uses <a class="notog" href="http://www.robertpenner.com/easing/">Robert Penners easing equations</a> for the transitions. We can incorporate this script in many places. </p>
<p>All demos can be found in the site <a target="_blank" href="http://gsgd.co.uk/sandbox/jquery/easing/">http://gsgd.co.uk/sandbox/jquery/easing/</a></p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/effects/jquery-seekattention-plugin-to-get-the-users-attention.html' rel='bookmark' title='Permanent Link: jQuery seekAttention plugin to get the users attention'>jQuery seekAttention plugin to get the users attention</a> <small>The &#8220;seekAttention&#8221; plugin gracefully get&#8217;s your users attention by fading...</small></li><li><a href='http://cool-javascripts.com/modal-windows/jquery-blockui-plugin.html' rel='bookmark' title='Permanent Link: jQuery BlockUI Plugin'>jQuery BlockUI Plugin</a> <small> It is a unique jquery plugin to prevent the...</small></li><li><a href='http://cool-javascripts.com/jquery/jquery-floating-box-plugin.html' rel='bookmark' title='Permanent Link: jQuery floating box plugin'>jQuery floating box plugin</a> <small> In may cases, web page contents does not fit...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/effects/jquery-easing-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Highslide &#8211; The best image gallery script?</title>
		<link>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html</link>
		<comments>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html#comments</comments>
		<pubDate>Fri, 03 Oct 2008 09:40:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Galleries]]></category>
		<category><![CDATA[Modal Windows]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[image viewer]]></category>
		<category><![CDATA[modal window]]></category>

		<guid isPermaLink="false">http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html</guid>
		<description><![CDATA[Highslide is a standalone javascript library created mainly for showing image galleries in a more user friendly way. HTML/Ajax and Flash support is added as plugins. It has improved a lot over time. Now it is in version 4.0 Unlike many other libraries, multiple images can be opened at the same time. And a user [...]


Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html' rel='bookmark' title='Permanent Link: Most useful prototype / script.aculo.us plugins'>Most useful prototype / script.aculo.us plugins</a> <small>Prototype is one of the earliest new generation javascript libraries...</small></li></ol>

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://cool-javascripts.com/wp-content/uploads/2008/12/highslide-demo.jpg" /><br />
Highslide is a standalone javascript library created mainly for showing image galleries in a more user friendly way. HTML/Ajax and Flash support is added as plugins. It has improved a lot over time. Now it is in version 4.0</p>
<p>Unlike many other libraries, multiple images can be opened at the same time. And a user can arrange the images as he wish on the browser. So it is definitly more usable than image gallery script that can show only one image &#8211; typical example is lightbox effect (opening the next closes the current).</p>
<p>The animation is also brilliant. Very smooth zooming of images. To open an image, you just need to click and to close, click on it again (Customizable in different ways). If you want to open two images, just click on the required images and those two will be popped up. Opening one image does not close the other. </p>
<p>Advantages:</p>
<ul>
<li>Stand alone javascript. Does not need a library.</li>
<li>The most user friendly way to show images</li>
<li>Good effects</li>
<li>Can show HTML, AJAX content or Flash.</li>
<li>Can open multiple images</li>
<li>The opened image windows are draggable so that the user can arrange it in anyway. This is very useful if you want to compare two images.</li>
<li>Creative Commons License &#8211; Free for personal use</li>
</ul>
<p>Disadvantages:</p>
<ul>
<li>Not free for commercial sites. Requries a license. It can be purchased for one site or unlimited</li>
</ul>
<p>The author has given good documentation and examples in his site <a target="_blank" href="http://highslide.com">highslide.com</a> </p>
<p>Another cool site to check out is, <a target="_blank" href="http://youflow.finnrudolph.de/">http://youflow.finnrudolph.de</a>. The author has successfully combined coverflow, youtube API and highslide to create a good mashup.<br />
<b><br />
Is it the best?</b></p>
<p>Well, I think it has improved a lot. Using this script you can completely avoid browser popup windows. The ability to show images and non image (html, iframe) contents in a more userfriendly way makes it one of the best script ever made. The only drawback I see is the license. What do you think?</p>


<p>Related posts:<ol><li><a href='http://cool-javascripts.com/galleries/10-mootools-plugin-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 Mootools plugin for showing image gallery'>10 Mootools plugin for showing image gallery</a> <small>In the previous post, I discussed about jQuery plugins for...</small></li><li><a href='http://cool-javascripts.com/galleries/10-jquery-plugins-for-showing-image-gallery.html' rel='bookmark' title='Permanent Link: 10 jQuery plugins for showing image gallery'>10 jQuery plugins for showing image gallery</a> <small>An image gallery is part of the modern web 2.0...</small></li><li><a href='http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html' rel='bookmark' title='Permanent Link: Most useful prototype / script.aculo.us plugins'>Most useful prototype / script.aculo.us plugins</a> <small>Prototype is one of the earliest new generation javascript libraries...</small></li></ol></p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://cool-javascripts.com/modal-windows/highslide-the-best-image-gallery-script.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

