<?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>unsignedint &#187; Labs</title>
	<atom:link href="http://unsignedint.net/blog/category/labs/feed/" rel="self" type="application/rss+xml" />
	<link>http://unsignedint.net/blog</link>
	<description>adding noise to the signal</description>
	<lastBuildDate>Sat, 10 Jul 2010 10:32:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Sapo Fotos jQuery Plugin</title>
		<link>http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/</link>
		<comments>http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 11:03:17 +0000</pubDate>
		<dc:creator>unsignedint</dc:creator>
				<category><![CDATA[Labs]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Sapo Fotos]]></category>

		<guid isPermaLink="false">http://unsignedint.net/blog/?p=74</guid>
		<description><![CDATA[Este é o meu primeiro plugin para o JQuery por isso não esperem de mais foi feito em poucas horas enquanto aprendia como escrever um plugin para o jQuery   (conto em escrever um post dedicado a como escrever um plugin para o jQuery, mas tudo a seu tempo).
Vamos começar pelo básico, para colocarmos [...]]]></description>
			<content:encoded><![CDATA[<p>Este é o meu primeiro plugin para o JQuery por isso não esperem de mais foi feito em poucas horas enquanto aprendia como escrever um plugin para o jQuery <img src='http://unsignedint.net/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  (conto em escrever um post dedicado a como escrever um plugin para o jQuery, mas tudo a seu tempo).</p>
<p>Vamos começar pelo básico, para colocarmos o plugin a funcionar temos em primeiro que incluir a biblioteca do  jQuery e fazer o mesmo com a do Sapo Fotos como se pode ver no código que se segue:</p>
<pre name='code' class='xhtml'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" ></script>
<script src="jquery.sapofotos-0.1-min.js" type="text/javascript" ></script>
</pre>
<p><span id="more-74"></span><br />
Agora basta adicionarmos um elemento ao <em>body</em> na nossa pagina para ser populado com a galaeria de fotos, como por exemplo uma div com um <em>id</em> com o valor <em>galeria-sapo-fotos</em> como se vê no exemplo seguinte:</p>
<pre name='code' class='xhtml'>
<div id='galeria-sapo-fotos'></div>
</pre>
<p>Por fim para por tudo a funcionar basta invocar o script, o exemplo que se segue, vamos exibir fotos com a <em>tag</em> com o valor de <em>serra</em> dentro da <em>div</em> com a <em>id</em> <em>galeria-sapo-fotos</em></p>
<pre name='code' class='javascript'>
<script>
$('#galeria-sapo-fotos').sapoFotos({
   tag: 'serra'
});
</script>
</pre>
<p>O sapoFotos aceita vários parâmetros como entrada eles são:</p>
<p>user: &#8220;nome de um utilizador do sapo fotos&#8221;<br />
tag: &#8220;uma ou mais tags&#8221;<br />
limit: &#8220;o numero maximo de tumbnails a exibir&#8221;<br />
size: &#8220;dimensão dos tumbnails&#8221;</p>
<p>É tudo como se pode ver é bastante simples utilizar esta biblioteca.</p>
<p>Download: <img src="http://www.unsignedint.net/blog/wp-content/uploads/2009/08/Download-32x32.png" alt="Download File" title="Download File" width="32" height="32" class="size-full wp-image-90" /><a href='http://unsignedint.net/labs/sapofotos/jquery.sapofotos-0.1.zip' onClick="pageTracker._trackEvent('Labs', 'Sapo Fotos jQuery Plugin', 'Library download');">Sapo Fotos jQuery Plugin v0.1</a></p>
<p>Demostração: [<a href='http://unsignedint.net/labs/sapofotos/demo/demo-sapo.fotos.jquerty.html' onClick="pageTracker._trackEvent('Labs', 'Sapo Fotos jQuery Plugin', 'Live! Demo');">Demonstração Online</a>]</p>
<p>Agradeço que deixem nos comentários os erros encontrados ou alguma sugestão.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-love">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;title=Sapo+Fotos+jQuery+Plugin" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;title=Sapo+Fotos+jQuery+Plugin" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;t=Sapo+Fotos+jQuery+Plugin" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;bm_description=Sapo+Fotos+jQuery+Plugin&amp;plugin=sexybookmarks" rel="nofollow" class="external" title="Add this to Mister Wong">Add this to Mister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;title=Sapo+Fotos+jQuery+Plugin" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;title=Sapo+Fotos+jQuery+Plugin" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/&amp;title=Sapo+Fotos+jQuery+Plugin" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Sapo+Fotos+jQuery+Plugin+-+http://b2l.me/m7apv&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://unsignedint.net/blog/2009/08/08/sapo-fotos-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
