<?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>BeCreative Magazine &#187; Screencasts</title>
	<atom:link href="http://becreativemagazine.com/category/screencasts/feed/" rel="self" type="application/rss+xml" />
	<link>http://becreativemagazine.com</link>
	<description>Powered By Coffee Alone!</description>
	<lastBuildDate>Fri, 30 Jul 2010 03:35:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Screencast &#8211; How To Create An &#8216;Easy Gallery&#8217; jQuery Plugin</title>
		<link>http://becreativemagazine.com/2010/02/tutorial-how-to-create-an-easy-gallery-jquery-plugin/</link>
		<comments>http://becreativemagazine.com/2010/02/tutorial-how-to-create-an-easy-gallery-jquery-plugin/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 15:43:56 +0000</pubDate>
		<dc:creator>Drew Douglass</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Screencasts]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery plugin tutorial]]></category>
		<category><![CDATA[jquery tutorial]]></category>
		<category><![CDATA[screencast]]></category>
		<category><![CDATA[video tutorial]]></category>

		<guid isPermaLink="false">http://becreativemagazine.com/?p=626</guid>
		<description><![CDATA[Video Tutorial: Final Code /** * Easy Gallery jQuery Plugin * Author: Drew Douglass * Version: 0.1 * * */ (function($){ $.fn.easyGallery = function(settings) { //setup some options var opts = $.extend({}, $.fn.easyGallery.defaults,settings); return this.each(function(setting){ var options = $.extend({}, opts, $(this).data()); $(this).hover(function(){ $(this).siblings().stop().animate({ opacity: options.opacity },options.duration); }, function(){ $(this).siblings().stop().animate({ opacity: options.originalOpacity },options.duration); }); }); } [...]]]></description>
			<content:encoded><![CDATA[<h2>Video Tutorial:</h2>
<p><embed src="http://blip.tv/play/AYHD6B8C" type="application/x-shockwave-flash" width="590" height="406" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<h2>Final Code</h2>
<pre>
<pre class="brush: javascript">
/**
  * Easy Gallery jQuery Plugin
  * Author: Drew Douglass
  * Version: 0.1
  *
  *
  */
(function($){
  	$.fn.easyGallery = function(settings) {

  		//setup some options
  		var opts = $.extend({}, $.fn.easyGallery.defaults,settings);
  		return this.each(function(setting){
  			var options = $.extend({}, opts, $(this).data());
  			$(this).hover(function(){
  				$(this).siblings().stop().animate({
  					opacity: options.opacity
  				},options.duration);
  			}, function(){
  				$(this).siblings().stop().animate({
  					opacity: options.originalOpacity
  				},options.duration);
  			});
  		});

  	}
  	$.fn.easyGallery.defaults = {
  		duration: 500,
  		opacity: 0.5,
  		originalOpacity: 1
  	}
})(jQuery);
</pre>
</pre>
<h2>Helpful Resources</h2>
<ul>
<li><a href="http://www.learningjquery.com/2007/10/a-plugin-development-pattern" title="A Plugin Dev Pattern">A Plugin Development Pattern &#8211; Learning jQuery</a></li>
<li><a href="http://github.com/DrewDouglass/Easy-Gallery-Focus-" title="Easy Gallery Focus Plugin Files">Plugin Files/Github Repo</a></li>
</ul>
<p>Thank to Jarel Remick for providing the <a href="http://picasaweb.google.com/EnvatoMarketplaceAssets" title="">free demo images</a>.</p>
<p><center>
<p><a href="http://tutsplus.com/amember/go.php?r=5482&#038;i=b46"><img src="http://miscfiles.s3.amazonaws.com/banners/nettuts_468x60.jpg" border=0 alt="Net Premium: web dev education from the professionals." width=468 height=60></a></p>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://becreativemagazine.com/2010/02/tutorial-how-to-create-an-easy-gallery-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
