<?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>ChaseSagum.com &#187; javascript</title>
	<atom:link href="http://chasesagum.com/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://chasesagum.com</link>
	<description>An Open Source Way of Life!</description>
	<lastBuildDate>Thu, 02 Feb 2012 15:30:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Open Source Mootools Slideshow 2</title>
		<link>http://chasesagum.com/open-source-mootools-slideshow-2?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=open-source-mootools-slideshow-2</link>
		<comments>http://chasesagum.com/open-source-mootools-slideshow-2#comments</comments>
		<pubDate>Wed, 16 Jul 2008 23:14:12 +0000</pubDate>
		<dc:creator>Chase</dc:creator>
				<category><![CDATA[Open Source]]></category>
		<category><![CDATA[image slideshow]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://chasesagum.com/open-source-mootools-slideshow-2</guid>
		<description><![CDATA[Slideshow 2 is an open source Mootools slideshow class for streaming and animating the presentation of images. It&#8217;s definitely one of the better looking slideshow&#8217;s out there. A very impressive look is given to your images in a much more professional manner. Here&#8217;s a screenshot of what it looks like (without mootools of course)

You can choose from a variety of different effects of course which gives you some good flexibility on how you want it to end up looking. The cool thing is that you can input your slideshow via HTML with one simple line of code. The example they give is this:
 new Slideshow('show', ['1.jpg', '2.jpg', '3.jpg'], { controller: true, hu: 'images/' });
Here are the features as listed in the blog article that featured this tool from webresourcesdepot.com:

Dynamic resizing &#8211; Slideshow can accommodate any size presentation.
Thumbnails &#8211; intelligent, auto-scrolling, tracking, etc.
Full-featured controller &#8211; completely style-able with CSS.
Animated captions &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.electricprism.com/aeron/slideshow/">Slideshow 2</a> is an open source Mootools slideshow class for streaming and animating the presentation of images. It&#8217;s definitely one of the better looking slideshow&#8217;s out there. A very impressive look is given to your images in a much more professional manner. Here&#8217;s a screenshot of what it looks like (without mootools of course)</p>
<p><img style="max-width: 800px;" src="http://chasesagum.com/wp-content/uploads/2008/07/mootools-slideshow-script.jpg" alt="" /></p>
<p>You can choose from a variety of different effects of course which gives you some good flexibility on how you want it to end up looking. The cool thing is that you can input your slideshow via HTML with one simple line of code. The example they give is this:</p>
<blockquote><p><code> new Slideshow('show', ['1.jpg', '2.jpg', '3.jpg'], { controller: true, hu: 'images/' });</code></p></blockquote>
<p>Here are the features as listed in the blog article that featured this tool from <a href="http://www.webresourcesdepot.com/mootools-slideshow-slideshow-2/">webresourcesdepot.com</a>:</p>
<ul>
<li>Dynamic resizing &#8211; <em>Slideshow can accommodate any size presentation</em>.</li>
<li>Thumbnails &#8211; <em>intelligent, auto-scrolling, tracking, etc</em>.</li>
<li>Full-featured controller &#8211; <em>completely style-able with CSS</em>.</li>
<li>Animated captions &#8211; <em>plain text or formatted with HTML</em>.</li>
<li>Fully accessible &#8211; <em>Slideshow can be controlled with access keys</em>.</li>
<li>Automagic slideshows &#8211; <em>create slideshows from existing HTML images</em>.</li>
<li>Varied hyperlinking options &#8211; <em>allows for mashups with Lightbox, Slimbox, etc</em>.</li>
<li>CSS slide transitions &#8211; <em>designed in stylesheets, not javascript,<br />
allow for an infinite combination of effects (plus support for all<br />
Robert Penner transitions)</em>.</li>
<li>Unobtrusive and degradable &#8211; <em>Slideshow even functions with Javascript turned off!</em></li>
</ul>
<p>So if you are looking for a cool javascript slideshow to add some spice to your website then try this one out. There is some good documentation to help you along the way in customizing it to fit your needs. Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://chasesagum.com/open-source-mootools-slideshow-2/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>My Favorite Free Javascript Image Rotator</title>
		<link>http://chasesagum.com/my-favorite-free-javascript-image-rotator?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=my-favorite-free-javascript-image-rotator</link>
		<comments>http://chasesagum.com/my-favorite-free-javascript-image-rotator#comments</comments>
		<pubDate>Tue, 08 Jul 2008 07:04:46 +0000</pubDate>
		<dc:creator>Chase</dc:creator>
				<category><![CDATA[Random]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[image rotator]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://chasesagum.com/my-favorite-free-javascript-image-rotator</guid>
		<description><![CDATA[ 



Are you looking for a free solution to a Javascript Image Rotator? I have been looking for this lately and found something that I think you all will enjoy using. It&#8217;s called the JW Image Rotator and it&#8217;s from jeroenwijering.com. For a recent project I needed a quick, good looking solution to a Image Rotator with a cool transition without needing flash. I came across this and it worked perfectly for me.
Installation Instructions
Download the JW Image Rotator from the website. The rotator download ZIP contains all you need to get started. First, transfer the imagerotator.swf and imagerotator.xml file from the ZIP to your website. Also upload all photos you want to show to your site.
Second, change the imagerotator.xml file so that it contains the titles, links and image urls of your images. You can use a simple text editor for that. If you want to add more photos, just [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin:10px;"> <script type="text/javascript"><!--
google_ad_client = "pub-4649950931493479";
/* 250x250, created 9/9/09 */
google_ad_slot = "2419350492";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<p>Are you looking for a free solution to a Javascript Image Rotator? I have been looking for this lately and found something that I think you all will enjoy using. It&#8217;s called the <a href="http://www.jeroenwijering.com/?item=JW_Image_Rotator">JW Image Rotator</a> and it&#8217;s from jeroenwijering.com. For a recent project I needed a quick, good looking solution to a Image Rotator with a cool transition without needing flash. I came across this and it worked perfectly for me.</p>
<p><strong>Installation Instructions</strong><br />
Download the <a href="http://www.jeroenwijering.com/?item=JW_Image_Rotator">JW Image Rotator</a> from the website. The rotator download ZIP contains all you need to get started. First, transfer the imagerotator.swf and imagerotator.xml file from the ZIP to your website. Also upload all photos you want to show to your site.</p>
<p>Second, change the imagerotator.xml file so that it contains the titles, links and image urls of your images. You can use a simple text editor for that. If you want to add more photos, just copy-paste additional <em>track</em> blocks in he .xml file.</p>
<p>Third, embed the rotator in your HTML page with this line of code. If you place the files in different directories, make sure to set the references in this embed code accordingly:</p>
<pre>&lt;embed
  src="imagerotator.swf"
  width="470"
  height="160"
  allowscriptaccess="always"
  flashvars="file=imagerotator.xml&amp;transition=blocks"
/&gt;</pre>
<p>The flashvars parameter can contain a list of variables for configuring the rotator. To quickly get the ones you want, read through the <a href="http://code.longtailvideo.com/trac/wiki/Flashvars3">Wiki page with all flashvars</a>. Choose the variables you want and insert their names/values in your page. That&#8217;s all!</p>
<p><a href="http://chasesagum.com/code-canyon-javascript">CodeCanyon.net</a> has a bunch of other Image Rotator Javascript scripts if you are willing to pay $5-$10 or so. I would recommend looking there as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://chasesagum.com/my-favorite-free-javascript-image-rotator/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

