<?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>Magrathea &#187; javascript</title>
	<atom:link href="http://www.blog.duea.info/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blog.duea.info</link>
	<description>Custom-made luxury planet building</description>
	<lastBuildDate>Sun, 05 Sep 2010 18:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Galleria Immagini &#8211; SmoothGallery</title>
		<link>http://www.blog.duea.info/2008/01/09/galleria-immagini-smoothgallery/</link>
		<comments>http://www.blog.duea.info/2008/01/09/galleria-immagini-smoothgallery/#comments</comments>
		<pubDate>Wed, 09 Jan 2008 19:20:13 +0000</pubDate>
		<dc:creator>calca</dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[immagini]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[muse flickr gallery]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[smoothgallery]]></category>

		<guid isPermaLink="false">http://blog.duea.info/2008/01/09/galleria-immagini-smoothgallery/</guid>
		<description><![CDATA[Nello sviluppo di Muse Flickr Gallery ho deciso di utilizzare Smooth Gallery per visualizzare le immagine in maniera avvicente per l&#8217;utente. Dovo aver vagliato diversi software, sia in flash che in ajax, la scelta è ricaduta su questo applicativo perchè: Non necessita di un lettore proprietario (flash player) per poter essere vista dall&#8217;utente E&#8217; cross [...]]]></description>
			<content:encoded><![CDATA[<p>Nello sviluppo di <a href="http://blog.duea.info/projects/muse-flickr-gallery/">Muse Flickr Gallery</a> ho deciso di utilizzare <a href="http://smoothgallery.jondesign.net/what/">Smooth Gallery</a> per visualizzare le immagine in maniera avvicente per l&#8217;utente.</p>
<p>Dovo aver vagliato diversi software, sia in flash che in ajax, la scelta è ricaduta su questo applicativo perchè:</p>
<ul>
<li>Non necessita di un lettore proprietario (flash player) per poter essere vista dall&#8217;utente</li>
<li>E&#8217; cross browser, infatti non ci sono problemi di visualizzazione con ie, firefox, safari (testati)</li>
<li>Si basa su mootools ed è di piccole dimensioni</li>
<li>Se l&#8217;utente ha disabilitato il javascript puo&#8217; benissimo vedere la galleria delle immagini</li>
<li>Metodo standard per l&#8217;inclusione delle immagini (nessun file xml o array javascript)</li>
</ul>
<p>Utilizzare Smooth Gallery è davvero semplice, includiamo i file necessari:</p>
<pre class="brush:html">
<script src="/SmoothGallery/scripts/mootools.v1.11.js"
          type="text/javascript"></script>
<script src="/SmoothGallery/scripts/jd.gallery.js"
          type="text/javascript"></script>
<link rel="stylesheet"
       href="/SmoothGallery/css/jd.gallery.css"
       type="text/css" media="screen" />
</pre>
<p>prepriamo il codice javascript:</p>
<pre class="brush:js">
<script type="text/javascript">
function startSmoothGallery() {
	var Gallery = new gallery($('Gallery'), {
		timed: false,
		useThumbGenerator: false,
		thumbHeight: 75,
		thumbWidth: 75,
		showCarousel: true,
		showInfopane: true,
		embedLinks: true
		});
	}
window.addEvent('domready', startSmoothGallery);
</script>
</pre>
<p>si tratta di utilizzare la funzione gallery(), passandole due parametri: il primo riguarda il nome del <em>div</em> che contiene le immagini mentre il secondo si tratta dell&#8217;array di configurazione dell&#8217;applicazione. La galleria è personalizzabile in diversi aspetti e le opzioni più&#8217; importanti sono:</p>
<ul>
<li>timed: slideshow automatico </li>
<li>useThumbGenerator: vi è la possibilità di associare un generatore di miniature se non sono state create ad hoc attraverso un altro applicaticativo</li>
<li>showCarousel: visualizza la lista delle miniature in modo che l&#8217;utente possa scegliere in modo autonomo le immagini</li>
<li>showInfopane: mostra le informazioni relative alla foto (titolo e descrizione)</li>
</ul>
<p>Infine bisogna aggiungere la lista delle immagini:</p>
<pre class="brush:html">
<div id="Gallery" >
<div class="imageElement">
<h3>(C)apirsi</h3>


<a href="/photos/calca/762119721/"
     title="open image" class="open"></a>
<img src="capirsi.jpg" class="full" />
<img src="capirsi_thumb.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Appoggiarsi</h3>


<a href="/photos/calca/763169947/"
    title="open image" class="open"></a>
<img src="appoggiarsi.jpg" class="full" />
<img src="appoggiarsi_thumb.jpg" class="thumbnail" />
</div>
</pre>
<p>non si tratta altro di una lista di <em>div</em> con classi specifiche in modo da permettere al Smooth Gallery di creare la galleria dinamica con solo le immagini appropriate.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.duea.info/2008/01/09/galleria-immagini-smoothgallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
