<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-2876078167754030216</id><updated>2011-12-01T21:45:49.099+01:00</updated><category term='jquery'/><category term='gallery'/><category term='spazio'/><category term='css'/><category term='javascript'/><category term='php'/><category term='ajax'/><category term='html'/><category term='cartoni'/><category term='matrimonio'/><category term='programmazione'/><category term='film'/><category term='apollo'/><category term='luna'/><category term='chiavetta'/><category term='complotti'/><title type='text'>1spray</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://www.1spray.it/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://www.1spray.it/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>14</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-2125654377674440016</id><published>2011-12-01T21:43:00.001+01:00</published><updated>2011-12-01T21:45:49.106+01:00</updated><title type='text'>Archivio meteo</title><content type='html'>Vi invito a visitare il nuovo sito dedicato alla consultazione dei dati dell'&lt;a href="http://archivio-meteo.distile.it/"&gt;&lt;b&gt;archivio meteo&lt;/b&gt;&lt;/a&gt; delle città italiane.&lt;br /&gt;E' da poco online, ma presto sarà migliorato e saranno disponibili ulteriori dati da consultare.&lt;br /&gt;E' possibile visualizzare &lt;b&gt;grafici e tabelle&lt;/b&gt;, confrontare due città e calcolare la &lt;b&gt;&lt;a href="http://archivio-meteo.distile.it/probabilita-di-pioggia-basata-su-archivio-storico/"&gt;probabilità di pioggia&lt;/a&gt;&lt;/b&gt; in un determinato giorno.&lt;br /&gt;Buon meteo!&lt;br /&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-2125654377674440016?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/2125654377674440016/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2011/12/archivio-meteo.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/2125654377674440016'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/2125654377674440016'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2011/12/archivio-meteo.html' title='Archivio meteo'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-4420363123298771678</id><published>2011-11-03T22:53:00.000+01:00</published><updated>2011-11-06T22:14:36.435+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='matrimonio'/><title type='text'>Nuovo portale sul Matrimonio</title><content type='html'>É nato da poco un sito dedicato al &lt;b&gt;matrimonio &lt;/b&gt;e a tutto quello che ci ruota attorno. Si parla di &lt;b&gt;abiti da sposa, sfilate, viaggi di nozze, fai da te&lt;/b&gt; e tanto altro. Potete trovare interessanti articoli corredati da foto e video.&lt;br /&gt;Il sito è&amp;nbsp;&lt;a href="http://matrimonio.distile.it/"&gt;http://matrimonio.distile.it/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Offre anche un servizio per la &lt;b&gt;creazione del sito del proprio matrimonio:&amp;nbsp;&lt;/b&gt;&amp;nbsp;&lt;a href="http://www.crea-sito-matrimonio.com/" rel="home" title="Crea il sito del tuo Matrimonio"&gt;&lt;b&gt;Crea il sito del tuo Matrimonio&lt;/b&gt;&lt;/a&gt;!&amp;nbsp;Sono disponibili esempi di siti e tante idee e consigli su come realizzare il proprio &lt;b&gt;matrimonio online&lt;/b&gt;, dalla classica&lt;b&gt; lista nozze online&lt;/b&gt; agli album fotografici.&lt;br /&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;Ti sposi? Allora visita&amp;nbsp;&lt;a href="http://matrimonio.distile.it/"&gt;http://matrimonio.distile.it/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-4420363123298771678?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/4420363123298771678/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2011/11/crea-il-sito-del-tuo-matrimonio.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/4420363123298771678'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/4420363123298771678'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2011/11/crea-il-sito-del-tuo-matrimonio.html' title='Nuovo portale sul Matrimonio'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-6125979588703573266</id><published>2011-04-04T22:31:00.000+02:00</published><updated>2011-04-04T22:31:12.014+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='matrimonio'/><title type='text'>1spray è diventato papà!</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.lorenaeroberto.it/2011/04/ludovico-e-nato/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://www.lorenaeroberto.it/wp-content/gallery/ludovico-primo-giorno/img_1856.jpg" width="320" /&gt;&lt;/a&gt; &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.lorenaeroberto.it/2011/04/ludovico-e-nato/"&gt;E' nato Ludovico!&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-6125979588703573266?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/6125979588703573266/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2011/04/1spray-e-diventato-papa.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/6125979588703573266'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/6125979588703573266'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2011/04/1spray-e-diventato-papa.html' title='1spray è diventato papà!'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-2957518686143680802</id><published>2011-03-18T21:50:00.000+01:00</published><updated>2011-03-18T21:50:11.869+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='luna'/><title type='text'>Luna al perigeo e Luna piena</title><content type='html'>Domani la &lt;b&gt;Luna &lt;/b&gt;sarà più grande del solito in cielo,&amp;nbsp;perché&amp;nbsp;&lt;a href="http://www.ansa.it/web/notizie/rubriche/scienza/2011/03/18/visualizza_new.html_1534153547.html"&gt;sarà effettivamente più vicino a noi&lt;/a&gt;.&lt;br /&gt;Ecco una foto scattata stasera dal mio balcone (con una videocamera Samsung SMX F40 zoom 65x)&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://lh6.googleusercontent.com/-slneClB7-Hg/TYPAN-hrrpI/AAAAAAAAAo8/Uxm4nLGplQs/s1600/SAM_0012.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="225" src="https://lh6.googleusercontent.com/-slneClB7-Hg/TYPAN-hrrpI/AAAAAAAAAo8/Uxm4nLGplQs/s400/SAM_0012.JPG" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Ed ecco il video ripreso con la stessa videocamera&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="390" src="http://www.youtube.com/embed/tjnMZI-CTTE" title="YouTube video player" width="500"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-2957518686143680802?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/2957518686143680802/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2011/03/luna-al-perigeo-e-luna-piena.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/2957518686143680802'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/2957518686143680802'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2011/03/luna-al-perigeo-e-luna-piena.html' title='Luna al perigeo e Luna piena'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='https://lh6.googleusercontent.com/-slneClB7-Hg/TYPAN-hrrpI/AAAAAAAAAo8/Uxm4nLGplQs/s72-c/SAM_0012.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-794102303668479098</id><published>2011-01-20T14:42:00.008+01:00</published><updated>2011-01-20T17:22:15.668+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='luna'/><category scheme='http://www.blogger.com/atom/ns#' term='spazio'/><category scheme='http://www.blogger.com/atom/ns#' term='apollo'/><title type='text'>Foto panoramiche della Luna scattate durante le missioni Apollo</title><content type='html'>Ecco una raccolta di &lt;b&gt;foto panoramiche&lt;/b&gt; della superificie lunare scattate durante le &lt;b&gt;missioni Apollo&lt;/b&gt;. Le foto sono state composte utilizzando varie fotografie scattate in sequenza. Sono molto suggestive, considerando che sono le foto dell'unico mondo diverso dalla Terra che l'uomo ha visitato personalmente.&lt;br /&gt;Potete trovarne altre qui: &lt;br /&gt;&lt;a href="http://astrogeology.usgs.gov/Projects/LunarAtlas/panoramas/"&gt;http://astrogeology.usgs.gov/Projects/LunarAtlas/panoramas/&lt;/a&gt;&lt;br /&gt;&lt;a href="http://apod.nasa.gov/apod/archivepix.html"&gt;http://apod.nasa.gov/apod/archivepix.html&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.hq.nasa.gov/alsj/a11/images11.html#Pans%20"&gt;http://www.hq.nasa.gov/alsj/a11/images11.html#Pans&amp;nbsp;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.lpi.usra.edu/resources/apollopanoramas/"&gt;http://www.lpi.usra.edu/resources/apollopanoramas/ &lt;/a&gt;&lt;br /&gt;Alcune di queste possono essere acquistate già stampate ed in vari formati sul sito &lt;a href="http://moonpans.com/"&gt;http://moonpans.com/&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://apod.nasa.gov/apod/image/0401/colorpan_apollo12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="45" src="http://apod.nasa.gov/apod/image/0401/colorpan_apollo12.jpg" width="400" /&gt; &lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.hq.nasa.gov/alsj/a17/a17pan1464906HR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="76" src="http://apod.nasa.gov/apod/image/0404/moonpan_apollo17.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://apod.nasa.gov/apod/image/0707/Apollo11EastCrater_cpan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="126" src="http://apod.nasa.gov/apod/image/0707/Apollo11EastCrater_cpan.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://apod.nasa.gov/apod/image/0712/40_A17shorty.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="80" src="http://apod.nasa.gov/apod/image/0712/40_A17shorty.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://apod.nasa.gov/apod/image/0811/hillpan_apollo15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="71" src="http://apod.nasa.gov/apod/image/0811/hillpan_apollo15.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://upload.wikimedia.org/wikipedia/commons/3/38/Apollo_17,_station_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="61" src="http://upload.wikimedia.org/wikipedia/commons/3/38/Apollo_17,_station_6.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://upload.wikimedia.org/wikipedia/commons/6/65/Apollo_17_Moon_Panorama.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="40" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TThaxX_RWXI/AAAAAAAAAn8/mCTz1g5KWHo/s400/Apollo_17_Moon_Panorama.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.lpi.usra.edu/resources/apollopanoramas/images/preview/original/JSC2007e045379.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="52" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TThbEYQZwVI/AAAAAAAAAoA/XG0mSaIu1sc/s400/JSC2007e045379.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://upload.wikimedia.org/wikipedia/commons/9/95/Moon_Pan_-_Hadley_Delta_with_LM_and_LRV.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="61" src="http://upload.wikimedia.org/wikipedia/commons/9/95/Moon_Pan_-_Hadley_Delta_with_LM_and_LRV.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.hq.nasa.gov/alsj/a17/a17pan1230624HR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="92" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TThfRMNkTGI/AAAAAAAAAoE/ZU5GWKgrRLA/s400/JSC2007e045379.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.lpi.usra.edu/resources/apollopanoramas/images/print/original/JSC2007e045388.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="52" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TThfv49SsXI/AAAAAAAAAoI/sLafD89A2vo/s400/JSC2007e045388.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Credit: &lt;a href="http://www.nasa.gov/"&gt;NASA&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-794102303668479098?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/794102303668479098/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2011/01/foto-panoramiche-della-luna-scattate.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/794102303668479098'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/794102303668479098'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2011/01/foto-panoramiche-della-luna-scattate.html' title='Foto panoramiche della Luna scattate durante le missioni Apollo'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nA2v1HRv8Ro/TThaxX_RWXI/AAAAAAAAAn8/mCTz1g5KWHo/s72-c/Apollo_17_Moon_Panorama.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-6480927665694013632</id><published>2011-01-06T21:03:00.002+01:00</published><updated>2011-01-06T22:12:25.548+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='luna'/><category scheme='http://www.blogger.com/atom/ns#' term='spazio'/><category scheme='http://www.blogger.com/atom/ns#' term='apollo'/><title type='text'>Recensione: Progetto Apollo - Il sogno più grande dell'uomo, di Luigi Pizzimenti</title><content type='html'>Ho già parlato della mia &lt;b&gt;&lt;a href="http://www.1spray.it/2010/11/luna-e-complotti-lunari-la-mia-passione.html"&gt;passione per lo spazio&lt;/a&gt;&lt;/b&gt;, l'&lt;b&gt;esplorazione spaziale&lt;/b&gt;, la &lt;b&gt;Luna&lt;/b&gt;, e il &lt;b&gt;Progetto Apollo&lt;/b&gt;, quello che ha permesso all'uomo di arrivare sulla &lt;b&gt;Luna&lt;/b&gt;.&lt;br /&gt;Ho comprato un libro in proposito, e ora vi racconto di cosa parla.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TOErbidf38I/AAAAAAAAAmM/hgHUSi7JJpM/s1600/COVER.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TOErbidf38I/AAAAAAAAAmM/hgHUSi7JJpM/s320/COVER.JPG" width="216" /&gt;&lt;/a&gt;&lt;/div&gt;Si tratta di &lt;b&gt;&lt;a href="http://www.collectionspace.it/Progetto%20Apollo.htm"&gt;"Progetto Apollo - Il sogno più grande dell'uomo", di Luigi Pizzimenti&lt;/a&gt;&lt;/b&gt;, uno dei pochi libri in italiano che trattano in modo completo e interessante le &lt;b&gt;missioni spaziali Apollo&lt;/b&gt;, dalla loro nascita fino agli ultimi lanci.&lt;br /&gt;E' un libro che consiglio a tutti perchè è scritto molto bene, è di facile lettura e porta alla scoperta di una storia fantastica, ma verissima, che ha riguardato il mondo intero, è che forse al giorno d'oggi non viene più considerata come dovrebbe.&lt;br /&gt;Il libro parte dagli albori dell'&lt;b&gt;astronautica&lt;/b&gt;, e come fosse un romanzo narra lo sviluppo delle tecnologie e le avventure degli uomini che hanno contribuito alla realizzazione di una grande missione come questa. Non risulta mai noioso e passando di anno in anno ripercorre la nascita dei primi &lt;b&gt;satelliti artificiali&lt;/b&gt;, poi dello &lt;b&gt;Sputnik&lt;/b&gt;, le avventure quasi azzardate dei &lt;b&gt;primi uomini nello spazio&lt;/b&gt;, la figura grandiosa di &lt;b&gt;Vernher Von Braun&lt;/b&gt;, l'inventore del &lt;b&gt;Saturn V&lt;/b&gt;, il razzo più grande mai realizzato dall'uomo, poi il programma spaziale &lt;b&gt;Mercury&lt;/b&gt; e poi il &lt;b&gt;Gemini&lt;/b&gt;, la tensione tra &lt;b&gt;Usa e Russia&lt;/b&gt;, frammenti di storia e di vite senza le quali il sogno di portare &lt;b&gt;l'uomo sulla Luna&lt;/b&gt; non si sarebbe avverato.&lt;br /&gt;La seconda parte del libro affronta una ad una le varie missioni &lt;b&gt;Apollo&lt;/b&gt;, dalla tragica &lt;b&gt;Apollo 1&lt;/b&gt;, alla famosa &lt;b&gt;Apollo 11&lt;/b&gt;, fino all'ultima ma non meno entusiasmante &lt;b&gt;Apollo 17&lt;/b&gt;, con dettagli, curiosità inedite e foto belle e spesso mai viste, anche a colori, che arricchiscono il libro di un fascino che solo il racconto di una storia vera può dare.&lt;br /&gt;Non mancano poi &lt;b&gt;schede tecniche&lt;/b&gt; di tutte le missioni e dei veicoli usati, &lt;b&gt;trascrizioni dei colloqui&lt;/b&gt; con le stazioni di comando, &lt;b&gt;biografie degli astronauti&lt;/b&gt; e altre chicche che vi invito a scoprire.&lt;br /&gt;In 400 pagine l'autore, &lt;b&gt;Luigi Pizzimenti&lt;/b&gt;, che ha dedicato parte della sua vita a raccogliere dati e anche ad incontrare personalmente molti astronauti e protagonisti delle missioni, vi accompagnerà in un viaggio che non potrete più dimenticare.&lt;br /&gt;&lt;table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TSYf5Qqz_bI/AAAAAAAAAn4/3RkGxIrxfNs/s1600/legault_iss_moon.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="320" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TSYf5Qqz_bI/AAAAAAAAAn4/3RkGxIrxfNs/s320/legault_iss_moon.jpg" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;La ISS che passa davanti alla Luna&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;Già, perchè oggi si parla di spazio e viaggi spaziali, sopratutto nei film di fantascienza che saranno sicuramente molto belli, ma spesso, soprattutto i più giovani che non hanno vissuto in quegli anni, dimenticano &lt;b&gt;la vera storia dell'uomo nello spazio&lt;/b&gt;, storia non meno emozionante e priva di rischi, visto che molti astronauti hanno anche perso la vita durante i vari tentativi di raggiungere questo grande obiettivo. La cosa impressionante è rendersi conto che queste missioni hanno avuto luogo negli anni '60, quando i computer ancora non esistevano e spesso molti calcoli venivano fatti a mano! E' stata una missione grandiosa, forse la più grande dell'umanità, e per questo merita di essere ricordata, non solo da chi era presente, ma dalle generazioni presenti e future perchè possano comprendere le potenzialità dell'intelletto umano e farne frutto per portare avanti il grande sogno della conoscenza dell'universo.&lt;br /&gt;&lt;br /&gt;Potete acquistare il libro sul sito dell'autore: &lt;a href="http://www.collectionspace.it/Progetto%20Apollo.htm"&gt;http://www.collectionspace.it/Progetto%20Apollo.htm&lt;/a&gt;, solo in questo modo lo potete ricevere con dedica.&lt;br /&gt;Buona lettura a tutti!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-6480927665694013632?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/6480927665694013632/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2011/01/recensione-progetto-apollo-il-sogno-piu.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/6480927665694013632'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/6480927665694013632'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2011/01/recensione-progetto-apollo-il-sogno-piu.html' title='Recensione: Progetto Apollo - Il sogno più grande dell&apos;uomo, di Luigi Pizzimenti'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_nA2v1HRv8Ro/TOErbidf38I/AAAAAAAAAmM/hgHUSi7JJpM/s72-c/COVER.JPG' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-8341562797749486943</id><published>2010-12-11T22:10:00.002+01:00</published><updated>2010-12-11T22:13:06.490+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='programmazione'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery'/><category scheme='http://www.blogger.com/atom/ns#' term='gallery'/><title type='text'>Photo Gallery in javascript a scorrimento con jQuery</title><content type='html'>&lt;div style="background-color: white; margin: 0px; padding: 0.6em;"&gt;Questa&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;photo gallery&lt;/span&gt;&amp;nbsp;in&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;javascript &lt;/span&gt;è un aggiornamento della&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html"&gt; &lt;b&gt;Photo Gallery in javascript con mootools&lt;/b&gt;,&lt;/a&gt; trasformata per utilizzare la libreria &lt;b&gt;jQuery&lt;/b&gt;. Usa le stesse funzionalità, ma il codice è scritto per sfruttare le API di &lt;b&gt;jQuery.&lt;/b&gt; Come si può notare il codice scritto con jQuery è molto più pulito, semplice e immediato rispetto a quello di &lt;b&gt;Mootools&lt;/b&gt;. &lt;b&gt;jQuery &lt;/b&gt;è una libreria che sta riscuotendo sempre più successo proprio grazie alla semplicità di implementazione, alla presenza di numerose API per la manipolazione del &lt;b&gt;DOM &lt;/b&gt;e per la gestione degli &lt;b&gt;effetti&lt;/b&gt;, e anche per la presenza di &lt;b&gt;numerosi plugin&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="copy"&gt;Questa &lt;b&gt;photo gallery&lt;/b&gt; in &lt;b&gt;javascript &lt;/b&gt; usa il framework &lt;b&gt;JQuery &lt;/b&gt;e usa un effetto di &lt;b&gt;fading &lt;/b&gt;quando si clicca su una delle foto piccole, mentre se si clicca sulle frecce, si avrà un effetto di &lt;b&gt;scorrimento&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div id="galleria2"&gt;&lt;br /&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="setta_immagine(1);" title="883 - Hanno ucciso l'uomo ragno"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s200/883_hanno_ucciso_luomo_ragno_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="setta_immagine(2);" title="883 - Nord Sud Ovest Est"&gt;&lt;img alt="" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1jKOL_FvI/AAAAAAAAAmo/Y0xEvD0NO5g/s200/883_nord_sud_ovest_est_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="setta_immagine(3);" title="883 - La donna il sogno il grande incubo"&gt;&lt;img alt="" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jCaC_YGI/AAAAAAAAAmc/6A1DBfG5whw/s200/883_la_donna_il_sogno_il_grande_incubo_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="setta_immagine(4);" title="883 - La dura legge del gol"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jD9iD1xI/AAAAAAAAAmg/9kvdYhe-giE/s200/883_la_dura_legge_del_gol_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="setta_immagine(5);" title="883 - Grazie mille"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1i92RK4VI/AAAAAAAAAmU/28rMqdP_KJo/s200/883_grazie_mille_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="setta_immagine(6);" title="883 - Love Life"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1jIkYQzMI/AAAAAAAAAmk/72FUPhrGHF8/s200/883_Love_Life_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="navthumb"&gt;&lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="scorri_immagine('left');"&gt;«««««&lt;/a&gt; &lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#gal" onclick="scorri_immagine('right');"&gt;»»»»»&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="galleriafoto"&gt;&lt;div class="foto" id="immagine1"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s200/883_hanno_ucciso_luomo_ragno_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine2"&gt;&lt;img alt="" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1jKOL_FvI/AAAAAAAAAmo/Y0xEvD0NO5g/s200/883_nord_sud_ovest_est_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine3"&gt;&lt;img alt="" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jCaC_YGI/AAAAAAAAAmc/6A1DBfG5whw/s200/883_la_donna_il_sogno_il_grande_incubo_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine4"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jD9iD1xI/AAAAAAAAAmg/9kvdYhe-giE/s200/883_la_dura_legge_del_gol_front.jpg" /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="foto" id="immagine5"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1i92RK4VI/AAAAAAAAAmU/28rMqdP_KJo/s200/883_grazie_mille_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine6"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1jIkYQzMI/AAAAAAAAAmk/72FUPhrGHF8/s200/883_Love_Life_front.jpg" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="clear: left;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;h2&gt;Come realizzare questa galleria sul tuo sito:&lt;/h2&gt;&lt;h3&gt;Javascript&lt;/h3&gt;Per prima cosa bisogna includere un file&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;javascript&amp;nbsp;&lt;/span&gt;che contenga questo codice:&lt;br /&gt;&lt;div mce_style="overflow: auto;" style="overflow: auto;"&gt;&lt;pre style="font: 12px/18px Consolas,Monaco,'Courier New',Courier,monospace;"&gt;function setta_immagine(n){&lt;br /&gt;                    &lt;br /&gt;                    if(immagine_attiva!=n){&lt;br /&gt;                        &lt;br /&gt;                        var da_attivare=$('#immagine'+n);&lt;br /&gt;                        var da_disaattivare=$('#immagine'+immagine_attiva);&lt;br /&gt;                    &lt;br /&gt;                        $(da_disaattivare).fadeOut();&lt;br /&gt;                        $(da_attivare).fadeIn();&lt;br /&gt;&lt;br /&gt;                        immagine_attiva=n;&lt;br /&gt;                    }&lt;br /&gt;        }&lt;br /&gt;        &lt;br /&gt;function scorri_immagine(direzione){&lt;br /&gt;                    &lt;br /&gt;                    n=immagine_attiva;&lt;br /&gt;                    &lt;br /&gt;                    if(direzione=="right")&lt;br /&gt;                        {n++;m=1;}&lt;br /&gt;                    else     &lt;br /&gt;                        {n--;m=-1;}&lt;br /&gt;                        &lt;br /&gt;                    if(n==numero_immagini+1)n=1;&lt;br /&gt;                    if(n==0)n=numero_immagini;    &lt;br /&gt;&lt;br /&gt;                    var da_attivare=$('#immagine'+n);&lt;br /&gt;                    var da_disaattivare=$('#immagine'+immagine_attiva);   &lt;br /&gt;&lt;br /&gt;                    var img_da_attivare=$('#immagine'+n+' img');&lt;br /&gt;                    var img_da_disaattivare=$('#immagine'+immagine_attiva+' img');                     &lt;br /&gt;                      &lt;br /&gt;                    $(img_da_attivare).css({marginLeft:220*m});&lt;br /&gt;                    $(da_attivare).show();&lt;br /&gt;&lt;br /&gt;                    $(img_da_disaattivare).animate({marginLeft:-220*m},500,function(){&lt;br /&gt;                           $(da_disaattivare).hide();&lt;br /&gt;                           $(img_da_disaattivare).css({marginLeft:0});&lt;br /&gt;                    });&lt;br /&gt;&lt;br /&gt;                    $(img_da_attivare).animate({marginLeft:0},500);&lt;br /&gt;&lt;br /&gt;                    immagine_attiva=n;&lt;br /&gt;&lt;br /&gt;        }&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;$(document).ready( &lt;br /&gt;    function (){    &lt;br /&gt;        for(i=1;i&amp;lt;=numero_immagini;i++){    &lt;br /&gt;            if(i!=immagine_attiva &amp;amp;&amp;amp; $('#immagine'+i))$('#immagine'+i).hide();  &lt;br /&gt;        }      &lt;br /&gt;    }&lt;br /&gt;);&lt;br /&gt;&lt;br /&gt; var numero_immagini=6;&lt;br /&gt; var immagine_attiva=1;&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;Questo codice contiene le due funzioni principali per gli effetti di&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;fading&amp;nbsp;&lt;/span&gt;e&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;scorrimento&lt;/span&gt;, e una chiamata che viene avviata quando il documento è caricato (usando l'evento &lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;ready di jQuery&lt;/span&gt;, che viene lanciato quando le immagini del documeto non sono ancora state caricate). Questa chiamata si occupa semplicemente di nascondere le immagini grandi, in modo che non siano visibili, ma che sia visibile solo la prima (variabile immagine_attiva=1).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Inoltre dovete includere la&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;libreria &lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt;&lt;/span&gt;, che potete trovare&amp;nbsp;&lt;a href="http://jquery.com/" mce_href="http://www.mootools.net" target="_blank"&gt;qui&lt;/a&gt;. E' sufficiente inserire questo &lt;b&gt;script&lt;/b&gt;:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size: x-small;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&amp;lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;CSS&lt;/h3&gt;Poi bisogna includere il seguente file CSS:&lt;br /&gt;&lt;div mce_style="overflow: auto;" style="overflow: auto;"&gt;&lt;pre style="font: 12px/18px Consolas,Monaco,'Courier New',Courier,monospace;"&gt;#galleria a{&lt;br /&gt; float:left;&lt;br /&gt; display:block;&lt;br /&gt; width:60px;&lt;br /&gt; height:60px;&lt;br /&gt;}&lt;br /&gt;#galleriafoto {&lt;br /&gt; float: left;&lt;br /&gt; width: 450px;&lt;br /&gt; height: 230px;&lt;br /&gt; position:relative;&lt;br /&gt;}&lt;br /&gt;#galleriafoto .foto{&lt;br /&gt; position:absolute;&lt;br /&gt; left:0;&lt;br /&gt; top:0;&lt;br /&gt; width:225px;&lt;br /&gt; height:225px;&lt;br /&gt; overflow:hidden;&lt;br /&gt;}&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;HTML&lt;/h3&gt;Poi il codice della pagina HTML:&lt;br /&gt;&lt;br /&gt;&lt;pre style="font: 12px/18px Consolas,Monaco,'Courier New',Courier,monospace; overflow: auto;"&gt;&amp;lt;div id="galleria"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onClick="setta_immagine(1);" href="#gal"&amp;gt;&amp;lt;img alt="" src="...[anteprima1]" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onClick="setta_immagine(2);" href="#gal"&amp;gt;&amp;lt;img alt="" src="...[anteprima2]" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onClick="setta_immagine(3);" href="#gal"&amp;gt;&amp;lt;img alt="" src="...[anteprima3]" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id="navthumb"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onclick="scorri_immagine('left');" href="#gal"&amp;gt;Indietro&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onclick="scorri_immagine('right');" href="#gal"&amp;gt;Avanti&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id="galleriafoto"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div align="left" class="foto" id="immagine1"&amp;gt;&amp;lt;img src="...[foto1]" alt="" /&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div align="left" class="foto" id="immagine2"&amp;gt;&amp;lt;img src="...[foto2]" alt="" /&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div align="left" class="foto" id="immagine3"&amp;gt;&amp;lt;img src="...[foto3]" alt="" /&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Al testo&amp;nbsp;&lt;span class="Apple-style-span" mce_name="em" mce_style="font-style: italic;" style="font-style: italic;"&gt;[anteprima1]&lt;/span&gt;&amp;nbsp;va inserito il percorso dell'immagine piccola, mentre in&amp;nbsp;&lt;span class="Apple-style-span" mce_name="em" mce_style="font-style: italic;" style="font-style: italic;"&gt;[foto1]&lt;/span&gt;&amp;nbsp;inserire il percorso all'immagine grande, e così per tutte le altre foto.&lt;br /&gt;Buon lavoro! &lt;br /&gt;&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;&lt;br /&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt;function setta_immagine(n){                                        if(immagine_attiva!=n){                                                var da_attivare=$('#immagine'+n);                        var da_disaattivare=$('#immagine'+immagine_attiva);                                            $(da_disaattivare).fadeOut();                        $(da_attivare).fadeIn();                        immagine_attiva=n;                    }        }        function scorri_immagine(direzione){                                        n=immagine_attiva;                                        if(direzione=="right")                        {n++;m=1;}                    else                             {n--;m=-1;}                                            if(n==numero_immagini+1)n=1;                    if(n==0)n=numero_immagini;                                                               var da_attivare=$('#immagine'+n);                    var da_disaattivare=$('#immagine'+immagine_attiva);                       var img_da_attivare=$('#immagine'+n+' img');                    var img_da_disaattivare=$('#immagine'+immagine_attiva+' img');                                                               $(img_da_attivare).css({marginLeft:220*m});                    $(da_attivare).show();                                        $(img_da_disaattivare).animate({marginLeft:-220*m},500,function(){                           $(da_disaattivare).hide();                           $(img_da_disaattivare).css({marginLeft:0});                    });                    $(img_da_attivare).animate({marginLeft:0},500);                    immagine_attiva=n;        }$(document).ready(     function (){            for(i=1;i&lt;=numero_immagini;i++){                if(i!=immagine_attiva &amp;&amp; $('#immagine'+i))$('#immagine'+i).hide();          }          }); var numero_immagini=6; var immagine_attiva=1;&lt;/script&gt;&lt;style media="all" type="text/css"&gt; .clearer{clear:both;}  #galleria{width:100%;}  #galleria a{float:left;display:block;width:130px;height:130px;} #galleria2 a{float:left;display:block;width:70px;height:70px;} #galleria2{display:block;height:65px;}   #galleriafoto { float: left; width: 450px; height: 230px; position:relative; } #galleriafoto .foto{  position:absolute;  left:0;  top:0;  width:225px;  height:225px;  overflow:hidden; }  iframe {}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-8341562797749486943?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/8341562797749486943/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/8341562797749486943'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/8341562797749486943'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html' title='Photo Gallery in javascript a scorrimento con jQuery'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s72-c/883_hanno_ucciso_luomo_ragno_front.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-178127364859416151</id><published>2010-11-25T21:41:00.000+01:00</published><updated>2010-11-25T21:41:36.901+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='film'/><category scheme='http://www.blogger.com/atom/ns#' term='luna'/><category scheme='http://www.blogger.com/atom/ns#' term='spazio'/><title type='text'>2001: Odissea nello spazio - un film che ha fatto la storia</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO7Iu6VOFYI/AAAAAAAAAnw/YGQGzpDlFOc/s1600/hal_9000_15581.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO7Iu6VOFYI/AAAAAAAAAnw/YGQGzpDlFOc/s200/hal_9000_15581.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;In questo periodo di &lt;b&gt;passione spaziale&lt;/b&gt;, non posso non mettere sul sito un tributo ad uno dei migliori film di fantascienza che ha fatto la storia ed ha aperto la strada al sogno della &lt;b&gt;conquista della Luna&lt;/b&gt;.&lt;br /&gt;&lt;b&gt;&lt;a href="http://it.wikipedia.org/wiki/2001:_Odissea_nello_spazio"&gt;2001: Odissea nello spazio&lt;/a&gt;&lt;/b&gt; è un viaggio nello spazio profondo, nel passato, alla ricerca delle origini, e nel futuro dell'uomo, spinti dal progresso tecnologico, nei sogni e nelle sue paure. Quando è uscito sembrava fantascienza, ma ha disegnato nell'immaginario degli spettatori cose che poi sono accadute nella realtà (era il 1968 e l'uomo non aveva ancora mai lasciato la sua Terra), che si sono rivelate più realistiche di quanto anche l'autore potesse pensare, e anche oggi dopo decenni, ci fa sognare con l'immaginazione di viaggi interplanetari e intelligenze artificiali.&lt;br /&gt;&lt;b&gt;HAL 9000&lt;/b&gt; è ancora oggi un simbolo della potenza della tecnologia, ma anche un esempio lampante di come questa possa essere fallibile.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/CIVmR9pznGw/0.jpg" height="266" width="320"&gt;&lt;param name="movie" value="http://www.youtube.com/v/CIVmR9pznGw&amp;fs=1&amp;source=uds" /&gt;&lt;param name="bgcolor" value="#FFFFFF" /&gt;&lt;embed width="320" height="266" src="http://www.youtube.com/v/CIVmR9pznGw&amp;fs=1&amp;source=uds" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;/object&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&amp;nbsp;&lt;object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://3.gvt0.com/vi/bBdWEusinFc/0.jpg" height="266" width="320"&gt;&lt;param name="movie" value="http://www.youtube.com/v/bBdWEusinFc&amp;fs=1&amp;source=uds" /&gt;&lt;param name="bgcolor" value="#FFFFFF" /&gt;&lt;embed width="320" height="266" src="http://www.youtube.com/v/bBdWEusinFc&amp;fs=1&amp;source=uds" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-178127364859416151?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/178127364859416151/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2010/11/2001-odissea-nello-spazio-un-film-che.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/178127364859416151'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/178127364859416151'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2010/11/2001-odissea-nello-spazio-un-film-che.html' title='2001: Odissea nello spazio - un film che ha fatto la storia'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO7Iu6VOFYI/AAAAAAAAAnw/YGQGzpDlFOc/s72-c/hal_9000_15581.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-3912565887563194798</id><published>2010-11-15T13:41:00.008+01:00</published><updated>2010-11-15T13:55:44.414+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='luna'/><category scheme='http://www.blogger.com/atom/ns#' term='complotti'/><category scheme='http://www.blogger.com/atom/ns#' term='spazio'/><category scheme='http://www.blogger.com/atom/ns#' term='apollo'/><title type='text'>Luna e complotti lunari, la mia passione per il progetto Apollo</title><content type='html'>&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOErM3IKUJI/AAAAAAAAAmI/DlB7oAoZ-U0/s1600/saturn-v-20090716-095038.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="320" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOErM3IKUJI/AAAAAAAAAmI/DlB7oAoZ-U0/s320/saturn-v-20090716-095038.jpg" width="153" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Saturn V&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;Leggendo il famoso &lt;a href="http://attivissimo.blogspot.com/"&gt;blog di &lt;i&gt;Paolo Attivissimo&lt;/i&gt;&lt;/a&gt;, mi sono appassionato alla sua ricerca sulla veridicità delle &lt;b&gt;missioni lunari Apollo&lt;/b&gt;, in particolare &lt;b&gt;Apollo 11&lt;/b&gt; e sullo &lt;b&gt;sbarco sulla Luna&lt;/b&gt; in generale.&lt;br /&gt;&lt;div style="margin: 0px;"&gt;Ci sono infatti molte teorie complottiste che affermano che l'uomo non è mai &lt;b&gt;andato sulla Luna&lt;/b&gt;. Eh si, la gente non sa proprio cosa escogitare per vendere libri assurdi sulle &lt;b&gt;teorie del complotto&lt;/b&gt;, come quelle che ancora girano sull'attentato dell'&lt;b&gt;11 Settembre&lt;/b&gt;. Purtroppo molti abboccano, e queste teorie invece di cadere nel vuoto si diffondono su internet, sui giornali, in televisione e anche in programmi pseudo-scientifici come &lt;i&gt;Mistero &lt;/i&gt;o &lt;i&gt;Voyager &lt;/i&gt;(non credete mai a quello che vi dicono in questi due programmi).&lt;br /&gt;&lt;i&gt;Attivissimo &lt;/i&gt;si occupa di bufale, per smascherarle ovviamente, e sta portando avanti vari progetti con lo scopo di dare testimonianza alla &lt;b&gt;verità sulle missioni lunari&lt;/b&gt; e rendere omaggio e onore a chi in passato è riuscito in questo grande sogno dell'umanità.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;&lt;a href="http://complottilunari.blogspot.com/2010/03/luna-si-ci-siamo-andati-faq.html" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="200" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TOEqGPwqvvI/AAAAAAAAAmA/lT43QRxM6_Q/s200/lscsa-copertina-640x960-shadow.jpg" width="133" /&gt;&lt;/a&gt;Mi sono talmente appassionato a queste sue ricerche, che mi sono letto tutto d'un fiato il suo libro che si occupa proprio di questo: &lt;a href="http://complottilunari.blogspot.com/2010/03/luna-si-ci-siamo-andati-faq.html"&gt;&lt;b&gt;"Luna? Sì, ci siamo andati!"&lt;/b&gt;&lt;/a&gt;. E' un libro molto interessante (e gratuitamente scaricabile in PDF), non solo per il suo obiettivo di confutare tutte le varie strampalate teorie sulla falsità delle missioni, ma soprattutto per gli innumerevoli dettagli tecnici e scientifici che porta a supporto delle sue dimostrazioni, dettagli sulle &lt;b&gt;missioni spaziali&lt;/b&gt; che spesso risultano anche poco conosciuti ai più o addirittura inediti.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;C'è da dire che per quelli della mia generazione, lo &lt;b&gt;sbarco sulla Luna&lt;/b&gt; viene recepito più come un fatto storico assodato, che un progetto grandioso, quasi impossibile all'epoca, un sogno che l'umanità aveva da secoli e che finalmente si è realizzato, non senza rischi e anche gravi perdite umane. Questo grazie al coraggio e all'intraprendenza di scienziati e astronauti che hanno sacrificato anche la propria vita per renderlo possibile.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;Oggi non ci rendiamo conto di quanto è stato impressionante, magnifico e rischioso (tanto che oggi non si progettano più &lt;b&gt;missioni umane sulla Luna&lt;/b&gt;) questo grande passo dell'umanità, ma il libro di &lt;i&gt;Attivissimo&lt;/i&gt; riesce a dare una misura di questo, portando onore e verità a questa storia, onore e verità che i complottisti cercano di rinnegare.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;&lt;table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOEtlU8vpsI/AAAAAAAAAmQ/mDXhuPGYJz4/s1600/buzz-aldrin.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"&gt;&lt;img border="0" height="200" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOEtlU8vpsI/AAAAAAAAAmQ/mDXhuPGYJz4/s200/buzz-aldrin.jpg" width="198" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class="tr-caption" style="text-align: center;"&gt;Buzz Aldrin dell’Apollo 11 in piedi davanti al LEM&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;Leggendo sul sito di &lt;i&gt;Attivissimo &lt;/i&gt;ho scoperto un sacco di informazioni interessanti, &lt;b&gt;foto mai viste della Luna&lt;/b&gt;, video dello &lt;b&gt;sbarco &lt;/b&gt;in alta qualità, non come quello che ci propinano i media, che spesso hanno solo materiale vecchio e di scarsa qualità, a volte addirittura falso.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;Un altro progetto di &lt;i&gt;Attivissimo &lt;/i&gt;è proprio quello di creare un &lt;a href="http://moonscape-project.blogspot.com/"&gt;&lt;b&gt;documentario sullo sbarco sulla Luna&lt;/b&gt;&lt;/a&gt; con immagini e video inediti e rimasterizzate ad alta qualità.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;Potete vedere i primi trailer del &lt;b&gt;Moonscape Project&lt;/b&gt; e le fasi di lavorazione sul sito dedicato:&amp;nbsp;&lt;a href="http://moonscape-project.blogspot.com/"&gt;http://moonscape-project.blogspot.com/.&lt;/a&gt;&lt;/div&gt;&lt;div style="margin: 0px;"&gt;In questo filmato ho visto lo &lt;b&gt;sbarco sulla Luna&lt;/b&gt; dalla telecamera a colori posta sul &lt;b&gt;modulo lunare&lt;/b&gt;, un video (con audio sincronizzato delle comunicazioni da Terra) che non avevo mai visto in tv.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;Non sto qui a dilungarmi per descrivervi tutte le notizie interessanti e curiose (lo sapevate quale è la prima cosa che ha fatto &lt;i&gt;Buzz Aldrin&lt;/i&gt; &lt;b&gt;scendendo sulla Luna&lt;/b&gt;? Ha fatto pipì ovviamente!), le bellissime foto e i video che si possono scoprire su questi siti, vi dico solo che ne vale la pena, io mi sono appassionato molto a questa avventura dell'uomo che oggi sembra quasi dimenticata.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TOErbidf38I/AAAAAAAAAmM/hgHUSi7JJpM/s1600/COVER.JPG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"&gt;&lt;img border="0" height="200" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TOErbidf38I/AAAAAAAAAmM/hgHUSi7JJpM/s200/COVER.JPG" width="135" /&gt;&lt;/a&gt;&lt;/div&gt;Tanto che ho comprato anche un libro, l'unico in italiano che ho trovato, che parla proprio delle &lt;b&gt;missioni Apollo&lt;/b&gt;: &lt;a href="http://www.collectionspace.it/PROGETTO%20APOLLO%20presentazione.htm"&gt;&lt;b&gt;Progetto Apollo "Il sogno più grande dell'uomo"&lt;/b&gt; di &lt;i&gt;Luigi Pizzimenti&lt;/i&gt;&lt;/a&gt;.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;Spero di aver fatto incuriosire anche voi e aiutato a diffondere il ricordo di questa storia vera del &lt;b&gt;primo grande passo nello spazio dell'umanità&lt;/b&gt;.&lt;/div&gt;&lt;div style="margin: 0px;"&gt;Buona lettura!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;b&gt;&amp;nbsp;Trailer di &lt;/b&gt;&lt;b&gt;Moonscape &lt;a href="http://moonscape-project.blogspot.com/"&gt;http://moonscape-project.blogspot.com/&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="margin: 0px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="margin: 0px;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/lAwvCqo7YGg/0.jpg" height="266" width="320"&gt;&lt;param name="movie" value="http://www.youtube.com/v/lAwvCqo7YGg&amp;fs=1&amp;source=uds" /&gt;&lt;param name="bgcolor" value="#FFFFFF" /&gt;&lt;embed width="320" height="266" src="http://www.youtube.com/v/lAwvCqo7YGg&amp;fs=1&amp;source=uds" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;b&gt;Panoramica di quello che hanno visto i primi astronauti sulla Luna:&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOEpwWBTNkI/AAAAAAAAAl8/iYwcGw9igqI/s1600/Plus+Z+equirettangolare+by+enrico+scaldaferri+small.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="100" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOEpwWBTNkI/AAAAAAAAAl8/iYwcGw9igqI/s400/Plus+Z+equirettangolare+by+enrico+scaldaferri+small.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-3912565887563194798?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/3912565887563194798/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2010/11/luna-e-complotti-lunari-la-mia-passione.html#comment-form' title='2 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/3912565887563194798'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/3912565887563194798'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2010/11/luna-e-complotti-lunari-la-mia-passione.html' title='Luna e complotti lunari, la mia passione per il progetto Apollo'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_nA2v1HRv8Ro/TOErM3IKUJI/AAAAAAAAAmI/DlB7oAoZ-U0/s72-c/saturn-v-20090716-095038.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-2663958670318203773</id><published>2010-06-22T10:53:00.007+02:00</published><updated>2010-11-24T20:11:52.284+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='programmazione'/><category scheme='http://www.blogger.com/atom/ns#' term='chiavetta'/><title type='text'>Calcolo Tempo Rimanente Chiavetta 3 Internet</title><content type='html'>&lt;script type="text/javascript"&gt;      function daysInMonth()      {       return 32 - new Date(new Date().getFullYear(), new Date().getMonth(), 32).getDate();      }    function calcola_ore(){                              var ore_al_mese=document.getElementById('ore_al_mese').value;          var ore_usate=document.getElementById('ore_usate').value;                    var e_ore_usate=ore_usate.split(":");                    var oggi=new Date().getDate();                    var media_h=Math.floor(((e_ore_usate[0]*60+(e_ore_usate[1]*1)) /  oggi) / 60);          var media_m=Math.floor(((e_ore_usate[0]*60+(e_ore_usate[1]*1)) /  oggi) % 60);          var rest_h=Math.floor(((ore_al_mese*60/daysInMonth()*oggi)-(e_ore_usate[0]*60+(e_ore_usate[1]*1))) / 60);          var rest_m=Math.floor(((ore_al_mese*60/daysInMonth()*oggi)-(e_ore_usate[0]*60+(e_ore_usate[1]*1))) % 60);                    document.getElementById('media').innerHTML=media_h+"h:"+media_m+"m";          document.getElementById('rest').innerHTML=rest_h+"h:"+rest_m+"m";                    document.getElementById('ore_giorno').innerHTML=Math.round(ore_al_mese/daysInMonth());                    }&lt;/script&gt;&lt;br /&gt;Servizio per &lt;b&gt;calcolare il tempo residuo giornaliero&lt;/b&gt; di &lt;b&gt;navigazione con la chiavetta internet 3&lt;/b&gt;, ma può funzionare anche con altri operatori tipo &lt;b&gt;Vodafone &lt;/b&gt;o &lt;b&gt;Tim&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;Inserite le ore totali disponibili al mese e le ore usate fino ad oggi (le potete vedere nell'Area Clienti del vostro operatore) poi cliccate su calcola.&lt;br /&gt;&lt;br /&gt;&lt;table cellpadding="1" cellspacing="1"&gt;&lt;tbody&gt;&lt;tr&gt; &lt;td align="right" valign="top" width="40%"&gt;&lt;label for="ore_al_mese"&gt;&lt;b&gt;Ore disponibili al mese:&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="ore_al_mese" name="ore_al_mese" type="text" value="300" /&gt;&amp;nbsp; &lt;span style="color: #aaaaaa;"&gt;es. 300&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td align="right" valign="top"&gt;&lt;label for="ore_usate"&gt;&lt;b&gt;Ore usate fino a oggi:&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;input id="ore_usate" name="ore_usate" type="text" value="" /&gt;&amp;nbsp; &lt;span style="color: #aaaaaa;"&gt;es 32:20&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td align="right"&gt;&lt;label for=""&gt;&lt;b&gt;Ore disponibili in media al giorno:&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;b id="ore_giorno"&gt;&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td align="right"&gt;&lt;label for=""&gt;&lt;b&gt;Tempo usato in media al giorno:&lt;/b&gt;&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&lt;b id="media"&gt;&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td align="right"&gt;&lt;label for=""&gt;&lt;/label&gt;&lt;br /&gt;&lt;h3 style="background: none repeat scroll 0% 0% transparent; font-size: 24px;"&gt;Tempo restante oggi:&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;h3 id="rest" style="background: none repeat scroll 0% 0% transparent; font-size: 24px;"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td align="right"&gt;&lt;input onclick="calcola_ore();" type="button" value="Calcola" /&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Tre &lt;/b&gt;fornisce nella sezione "&lt;b&gt;&lt;a href="http://areaclienti.tre.it/selfcare/areaclienti133/" mce_href="http://areaclienti.tre.it/selfcare/areaclienti133/" target="_blank"&gt;Area Clienti&lt;/a&gt;&lt;/b&gt;" del sito il totale del &lt;b&gt;tempo  disponibile, usato e rimanente di navigazione su internet&lt;/b&gt;, ma non  fornisce altre informazioni utili, come ad esempio il &lt;b&gt;tempo usato in  media&lt;/b&gt; e, cosa per me ancora più utile, il tempo che posso  permettermi di usare nella giornata odierna per non superare il &lt;b&gt;limite&amp;nbsp;  di ore giornaliere di connessione a internet&lt;/b&gt;, ovvero quanto tempo  posso stare connesso ogni giorno, e in particolare oggi, per mantenermi  nella &lt;b&gt;media di ore disponibili al giorno&lt;/b&gt;?&lt;br /&gt;Per chi non lo sappia esistono da tempo queste &lt;b&gt;chiavette internet  HDSPA&lt;/b&gt; che permettono di navigare su internet in mobilità,  utilizzando una semplice &lt;b&gt;pennetta usb&lt;/b&gt; da collegare al PC. Ci sono  molte offerte da parte dei vari operatori come &lt;b&gt;Vodafone &lt;/b&gt;e &lt;b&gt;Tim  &lt;/b&gt;ma quella di &lt;b&gt;3 &lt;/b&gt;mi è sembrata la migliore (100 ore al mese a  19 euro) considerando che da qualche giorno sono &lt;b&gt;triplicate le ore  disponbibili&lt;/b&gt; (300 ore al mese a 19 euro, praticamente 10 ore al  giorno di navigazione)! Inoltre la velocità è abbastanza buona, intorno  ai 1 mb/s. Spesso con &lt;b&gt;BitTorrent &lt;/b&gt;o &lt;b&gt;Firefox &lt;/b&gt;scarico a 300  kbyte/s.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-2663958670318203773?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/2663958670318203773/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2010/06/calcolo-tempo-rimanente-chiavetta-3.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/2663958670318203773'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/2663958670318203773'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2010/06/calcolo-tempo-rimanente-chiavetta-3.html' title='Calcolo Tempo Rimanente Chiavetta 3 Internet'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-42197931933145631</id><published>2010-06-18T15:32:00.002+02:00</published><updated>2010-12-12T15:13:33.616+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='programmazione'/><category scheme='http://www.blogger.com/atom/ns#' term='ajax'/><category scheme='http://www.blogger.com/atom/ns#' term='php'/><title type='text'>Usare javascript per evitare il caching delle pagine web, anche quelle create con Ajax: window.onbeforeunload</title><content type='html'>Ho trovato un interessante articolo sull'uso dell'evento&lt;br /&gt;&lt;div style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&lt;b&gt;window.onbeforeunload&lt;/b&gt;&lt;/div&gt;che oltre a servire per sollevare un evento alla chiusura della finestra del browser (o al cambio di pagina), è molto utile anche per&lt;b&gt; evitare che il browser memorizzi una copia cache&lt;/b&gt; della pagina web.&lt;br /&gt;In particolare avevo un problema con una pagina &lt;b&gt;Ajax&lt;/b&gt;, che caricava un elenco di record, poi cambiando pagina e facendo il "torna indietro" con l'istruzione &lt;b&gt;javascript &lt;span style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;history.back()&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;;&lt;/span&gt; l'elenco non risultava modificato ma il browser mi presentava lo stesso elenco precedente.&lt;br /&gt;Avevo anche messo le isctruzioni &lt;br /&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta http-equiv="pragma" content="no-cache" /&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta http-equiv="cache-control" content="no-cache"&amp;gt;&lt;/span&gt;&lt;br /&gt;Ma neanche queste bastavano per &lt;b&gt;evitare il caching delle pagine&lt;/b&gt;, e nemmeno le istruzioni &lt;span style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;header();&lt;/span&gt; mandate con &lt;b&gt;PHP&lt;/b&gt;.&lt;br /&gt;Con l'evento &lt;b style="font-family: &amp;quot;Courier New&amp;quot;,Courier,monospace;"&gt;window.onbeforeunload&lt;/b&gt; invece sembra tutto funzionare correttamente&lt;b&gt;.&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Ecco l'articolo:&lt;br /&gt;&lt;a href="http://www.hunlock.com/blogs/Mastering_The_Back_Button_With_Javascript"&gt;http://www.hunlock.com/blogs/Mastering_&lt;b&gt;The_Back_Button_With_Javascript&lt;/b&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-42197931933145631?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/42197931933145631/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2010/06/windowonbeforeunload-usare-javascript.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/42197931933145631'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/42197931933145631'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2010/06/windowonbeforeunload-usare-javascript.html' title='Usare javascript per evitare il caching delle pagine web, anche quelle create con Ajax: window.onbeforeunload'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-7107195922637966732</id><published>2010-06-11T22:06:00.002+02:00</published><updated>2010-11-24T21:27:58.904+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='matrimonio'/><title type='text'>-2 settimane al matrimonio!</title><content type='html'>E' una sensazione davvero strana, dopo più di un anno che stiamo organizzando il nostro matrimonio, ormai siamo arrivati alla data, e adesso sembra tutto più vero, e ... imminente!&lt;br /&gt;Come sarà la nostra vita da sposati?&lt;br /&gt;Bé, solo vivendola lo sapremo, fateci gli auguri!&lt;br /&gt;Il nostro sito è &lt;a href="http://www.lorenaeroberto.it/"&gt;www.lorenaeroberto.it&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-7107195922637966732?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/7107195922637966732/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2010/06/2-settimane-al-matrimonio.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/7107195922637966732'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/7107195922637966732'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2010/06/2-settimane-al-matrimonio.html' title='-2 settimane al matrimonio!'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-3468709494294324488</id><published>2008-01-13T23:19:00.003+01:00</published><updated>2010-11-19T11:12:00.491+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cartoni'/><title type='text'>Per me Doppia Zeta, al secolo The Bots Master</title><content type='html'>Questo è un &lt;b&gt;cartone animato&lt;/b&gt; che mi piaceva tantissimo, ma fino ad oggi non ero mai riuscito a trovare la &lt;b&gt;sigla &lt;/b&gt;o altre info su internet...sono arrivato a pensare che me lo ero inventato di sana pianta, che non esisteva! E invece eccolo qua, esiste eccome, solo che io me lo ricordavo come &lt;b&gt;Doppia Zeta (ZZ)&lt;/b&gt;, invece online è più conosciuto come &lt;b&gt;The Bots Master&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;La sigla mi piaceva tantissimo, e dopo 10 anni me la ricordo ancora a memoria. Su Wikipedia c'è anche la pagina dedicata, in inglese però &lt;a href="http://en.wikipedia.org/wiki/The_Bots_Master" target="_blank"&gt;http://en.wikipedia.org/wiki/The_Bots_Master&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Buona visione!&lt;br /&gt;&lt;object height="385" width="480"&gt;&lt;param name="movie" value="http://www.youtube.com/v/4QbMiYTg-L8?fs=1&amp;amp;hl=it_IT"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/4QbMiYTg-L8?fs=1&amp;amp;hl=it_IT" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;a href="http://www.youtube.com/watch?v=2d7TYKEt6-c"&gt;http://www.youtube.com/watch?v=4QbMiYTg-L8&lt;/a&gt;&lt;br /&gt;Ed ecco il &lt;b&gt;testo della canzone&lt;/b&gt;&lt;br /&gt;&lt;blockquote&gt;Di: A.V. Manera - N. Carucci&lt;br /&gt;Cantata da: Marco Destro&lt;br /&gt;Casa Discografica: ?&lt;br /&gt;Durata: 1'50"&lt;br /&gt;Anno: ?&lt;br /&gt;&lt;br /&gt;L'uomo che vuole per sé il potere&lt;br /&gt;sogna che tutti si pieghino al suo volere&lt;br /&gt;non conosce l'amore [l'amore]&lt;br /&gt;è di ghiaccio il suo cuore [il suo cuore]&lt;br /&gt;&lt;br /&gt;Ma Doppia Zeta dà battaglia&lt;br /&gt;corre, combatte e scova questa canaglia&lt;br /&gt;sa che senza fraternità&lt;br /&gt;questo mondo non va, non va, non va...&lt;br /&gt;&lt;br /&gt;Libertà, stupenda libertà&lt;br /&gt;pane dell'umanità&lt;br /&gt;&lt;br /&gt;Libertà cosparsa di lealtà&lt;br /&gt;e fraternità&lt;br /&gt;&lt;br /&gt;Per un motore&lt;br /&gt;del nostro cuore&lt;br /&gt;libertà&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;&lt;br /&gt;Arcobaleno di un&lt;br /&gt;mondo sereno&lt;br /&gt;libertà&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;&lt;br /&gt;Grande motore&lt;br /&gt;di ogni cuore&lt;br /&gt;libertà&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;&lt;br /&gt;Arcobaleno di un&lt;br /&gt;mondo sereno&lt;br /&gt;libertà&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;[cantiamo tutti cantiamo]&lt;br /&gt;&lt;br /&gt;&lt;i&gt;Fonte: &lt;a href="http://www.tvcartoonmania.com/help/" target="_blank"&gt;http://www.tvcartoonmania.com/help/&lt;/a&gt;&lt;/i&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-3468709494294324488?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/3468709494294324488/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2008/01/per-me-doppia-zeta-al-secolo-bots.html#comment-form' title='1 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/3468709494294324488'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/3468709494294324488'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2008/01/per-me-doppia-zeta-al-secolo-bots.html' title='Per me Doppia Zeta, al secolo The Bots Master'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2876078167754030216.post-3467130308333859448</id><published>2007-07-13T22:44:00.025+02:00</published><updated>2010-12-11T22:16:35.494+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='programmazione'/><category scheme='http://www.blogger.com/atom/ns#' term='html'/><category scheme='http://www.blogger.com/atom/ns#' term='gallery'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Photo Gallery in javascript con mootools</title><content type='html'>&lt;div style="background-color: white; margin: 0px; padding: 0.6em;"&gt;&lt;b&gt;Questa photo gallery è stata aggiornata&lt;/b&gt; per poter utilizzare &lt;b&gt;jQuery&lt;/b&gt;, vai alla &lt;a href="http://www.1spray.it/2010/12/photo-gallery-in-javascript-scorrimento.html"&gt;&lt;b&gt;Photo Gallery con jQuery&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Questa&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;photo gallery&lt;/span&gt;&amp;nbsp;in&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;javascript&amp;nbsp;&lt;/span&gt;la ho sviluppata in occasione di un lavoro per un cliente; usa il framework&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;&lt;a href="http://mootools.net/" mce_href="http://mootools.net"&gt;mootools&lt;/a&gt;&lt;/span&gt;. Questo framework permette di gestire molti effetti in modo semplice e veloce. In questo caso ho usato un effetto di&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;fading&amp;nbsp;&lt;/span&gt;quando si clicca su una delle foto piccole, mentre se si clicca sulle frecce, si avrà un effetto di&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;scorrimento&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="copy"&gt;Questa &lt;b&gt;photo gallery&lt;/b&gt; in &lt;b&gt;javascript &lt;/b&gt; usa il framework &lt;b&gt;&lt;a href="http://mootools.net/"&gt;mootools&lt;/a&gt;&lt;/b&gt;. Questo framework permette di gestire molti effetti in modo semplice e veloce. In questo caso ho usato un effetto di &lt;b&gt;fading &lt;/b&gt;quando si clicca su una delle foto piccole, mentre se si clicca sulle frecce, si avrà un effetto di &lt;b&gt;scorrimento&lt;/b&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div id="galleria2"&gt;&lt;br /&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="setta_immagine(1);" title="883 - Hanno ucciso l'uomo ragno"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s200/883_hanno_ucciso_luomo_ragno_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="setta_immagine(2);" title="883 - Nord Sud Ovest Est"&gt;&lt;img alt="" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1jKOL_FvI/AAAAAAAAAmo/Y0xEvD0NO5g/s200/883_nord_sud_ovest_est_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="setta_immagine(3);" title="883 - La donna il sogno il grande incubo"&gt;&lt;img alt="" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jCaC_YGI/AAAAAAAAAmc/6A1DBfG5whw/s200/883_la_donna_il_sogno_il_grande_incubo_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="setta_immagine(4);" title="883 - La dura legge del gol"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jD9iD1xI/AAAAAAAAAmg/9kvdYhe-giE/s200/883_la_dura_legge_del_gol_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="setta_immagine(5);" title="883 - Grazie mille"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1i92RK4VI/AAAAAAAAAmU/28rMqdP_KJo/s200/883_grazie_mille_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="setta_immagine(6);" title="883 - Love Life"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1jIkYQzMI/AAAAAAAAAmk/72FUPhrGHF8/s200/883_Love_Life_front.jpg" width="60" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="navthumb"&gt;&lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="scorri_immagine('left');"&gt;«««««&lt;/a&gt; &lt;a href="http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#gal" onclick="scorri_immagine('right');"&gt;»»»»»&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="galleriafoto"&gt;&lt;div class="foto" id="immagine1"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s200/883_hanno_ucciso_luomo_ragno_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine2"&gt;&lt;img alt="" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1jKOL_FvI/AAAAAAAAAmo/Y0xEvD0NO5g/s200/883_nord_sud_ovest_est_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine3"&gt;&lt;img alt="" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jCaC_YGI/AAAAAAAAAmc/6A1DBfG5whw/s200/883_la_donna_il_sogno_il_grande_incubo_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine4"&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jD9iD1xI/AAAAAAAAAmg/9kvdYhe-giE/s200/883_la_dura_legge_del_gol_front.jpg" /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="foto" id="immagine5"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1i92RK4VI/AAAAAAAAAmU/28rMqdP_KJo/s200/883_grazie_mille_front.jpg" /&gt;&lt;/div&gt;&lt;div class="foto" id="immagine6"&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1jIkYQzMI/AAAAAAAAAmk/72FUPhrGHF8/s200/883_Love_Life_front.jpg" /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style="clear: left;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Demo di Photo Gallery con Slimbox (mootools)&lt;/h2&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="galleria"&gt;&lt;a href="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s640/883_hanno_ucciso_luomo_ragno_front.jpg" rel="lightbox[883]" title="883 - Hanno ucciso l'uomo ragno"&gt;&lt;br /&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s200/883_hanno_ucciso_luomo_ragno_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1jKOL_FvI/AAAAAAAAAmo/Y0xEvD0NO5g/s640/883_nord_sud_ovest_est_front.jpg" rel="lightbox[883]" title="883 - Nord Sud Ovest Est"&gt;&lt;br /&gt;&lt;img alt="" src="http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1jKOL_FvI/AAAAAAAAAmo/Y0xEvD0NO5g/s200/883_nord_sud_ovest_est_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jCaC_YGI/AAAAAAAAAmc/6A1DBfG5whw/s640/883_la_donna_il_sogno_il_grande_incubo_front.jpg" rel="lightbox[883]" title="883 - La donna il sogno il grande incubo"&gt;&lt;br /&gt;&lt;img alt="" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jCaC_YGI/AAAAAAAAAmc/6A1DBfG5whw/s200/883_la_donna_il_sogno_il_grande_incubo_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jD9iD1xI/AAAAAAAAAmg/9kvdYhe-giE/s640/883_la_dura_legge_del_gol_front.jpg" rel="lightbox[883]" title="883 - La dura legge del gol"&gt;&lt;br /&gt;&lt;img alt="" src="http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jD9iD1xI/AAAAAAAAAmg/9kvdYhe-giE/s200/883_la_dura_legge_del_gol_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1i92RK4VI/AAAAAAAAAmU/28rMqdP_KJo/s640/883_grazie_mille_front.jpg" rel="lightbox[883]" title="883 - Grazie mille"&gt;&lt;br /&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1i92RK4VI/AAAAAAAAAmU/28rMqdP_KJo/s200/883_grazie_mille_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1jIkYQzMI/AAAAAAAAAmk/72FUPhrGHF8/s640/883_Love_Life_front.jpg" rel="lightbox[883]" title="883 - Love Life"&gt;&lt;br /&gt;&lt;img alt="" src="http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1jIkYQzMI/AAAAAAAAAmk/72FUPhrGHF8/s200/883_Love_Life_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jK4p_miI/AAAAAAAAAms/EgNHYnytJk4/s640/max_pezzali_time_out_front.jpg" rel="lightbox[883]" title="Max Pezzali - Time Out"&gt;&lt;br /&gt;&lt;img alt="" src="http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1jK4p_miI/AAAAAAAAAms/EgNHYnytJk4/s200/max_pezzali_time_out_front.jpg" width="120" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Come realizzare questa galleria sul tuo sito:&lt;/h2&gt;&lt;br /&gt;&lt;h3&gt;Javascript&lt;/h3&gt;Per prima cosa bisogna includere un file&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;javascript&amp;nbsp;&lt;/span&gt;che contenga questo codice:&lt;br /&gt;&lt;div mce_style="overflow: auto;" style="overflow: auto;"&gt;&lt;pre style="font: 12px/18px Consolas,Monaco,'Courier New',Courier,monospace;"&gt;function setta_immagine(n){&lt;br /&gt;      if(immagine_attiva!=n){&lt;br /&gt;            var da_attivare=$('immagine'+n);&lt;br /&gt;            var da_disaattivare=$('immagine'+immagine_attiva);&lt;br /&gt;            var myFx = new Fx.Style(da_disaattivare, 'opacity').start(1,0);&lt;br /&gt;            var myFx = new Fx.Style(da_attivare, 'opacity').start(0,1);&lt;br /&gt;            immagine_attiva=n;&lt;br /&gt;      }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function scorri_immagine(direzione){&lt;br /&gt;&lt;br /&gt;       n=immagine_attiva;&lt;br /&gt;       if(direzione=="right")&lt;br /&gt;                {n++;m=1;}&lt;br /&gt;       else&lt;br /&gt;                {n--;m=-1;}&lt;br /&gt;       if(n==numero_immagini+1)n=1;&lt;br /&gt;       if(n==0)n=numero_immagini;&lt;br /&gt;       var da_attivare=$('immagine'+n);&lt;br /&gt;       var da_disaattivare=$('immagine'+immagine_attiva);&lt;br /&gt;       var img_da_attivare=$('immagine'+n).getFirst();&lt;br /&gt;       var img_da_disaattivare=$('immagine'+immagine_attiva).getFirst();&lt;br /&gt;       var myFx = new Fx.Style(img_da_attivare, 'margin-left').set(220*m);&lt;br /&gt;       var myFx = new Fx.Style(da_attivare, 'opacity').set(1);&lt;br /&gt;       var myFx = new Fx.Style(img_da_disaattivare, 'margin-left').start(0,-220*m).chain(&lt;br /&gt;            function resetta(){&lt;br /&gt;                var myFx = new Fx.Style(da_disaattivare, 'opacity').set(0);&lt;br /&gt;                var myFx = new Fx.Style(img_da_disaattivare, 'margin-left').set(0);&lt;br /&gt;            }&lt;br /&gt;       );&lt;br /&gt;       var myFx = new Fx.Style(img_da_attivare, 'margin-left').start(220*m,0);&lt;br /&gt;       immagine_attiva=n;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;var numero_immagini=6;&lt;br /&gt;var immagine_attiva=1;&lt;br /&gt;&lt;br /&gt;window.addEvent('domready',&lt;br /&gt;    function (){&lt;br /&gt;        for(i=1;i&amp;amp;lt;=numero_immagini;i++){&lt;br /&gt;            if(i!=immagine_attiva &amp;amp;amp;&amp;amp;amp; $('immagine'+i))$('immagine'+i).setStyle('opacity','0');&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;);&lt;/pre&gt;&lt;/div&gt;Questo codice contiene le due funzioni principali per gli effetti di&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;fading&amp;nbsp;&lt;/span&gt;e&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;scorrimento&lt;/span&gt;, e una chiamata che viene avviata quando il documento è caricato (usando l'evento&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;domready&lt;/span&gt;, che da risultato positivo anche se le immagini non sono ancora state caricate). Questa chiamata si occupa semplicemente di impostare la&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;trasparenza&amp;nbsp;&lt;/span&gt;delle immagini grandi, in modo che non siano visibili, ma che sia visibile solo la prima (variabile immagine_attiva=1).&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Inoltre dovete includere la&amp;nbsp;&lt;span class="Apple-style-span" mce_name="strong" mce_style="font-weight: bold;" style="font-weight: bold;"&gt;libreria mootools&lt;/span&gt;, che potete trovare&amp;nbsp;&lt;a href="http://www.mootools.net/" mce_href="http://www.mootools.net" target="_blank"&gt;qui&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;CSS&lt;/h3&gt;Poi bisogna includere il seguente file CSS:&lt;br /&gt;&lt;div mce_style="overflow: auto;" style="overflow: auto;"&gt;&lt;pre style="font: 12px/18px Consolas,Monaco,'Courier New',Courier,monospace;"&gt;#galleria a{&lt;br /&gt; float:left;&lt;br /&gt; display:block;&lt;br /&gt; width:60px;&lt;br /&gt; height:60px;&lt;br /&gt;}&lt;br /&gt;#galleriafoto {&lt;br /&gt; float: left;&lt;br /&gt; width: 450px;&lt;br /&gt; height: 230px;&lt;br /&gt; position:relative;&lt;br /&gt;}&lt;br /&gt;#galleriafoto .foto{&lt;br /&gt; position:absolute;&lt;br /&gt; left:0;&lt;br /&gt; top:0;&lt;br /&gt; width:225px;&lt;br /&gt; height:225px;&lt;br /&gt; overflow:hidden;&lt;br /&gt;}&lt;/pre&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;HTML&lt;/h3&gt;Poi il codice della pagina HTML:&lt;br /&gt;&lt;br /&gt;&lt;pre style="font: 12px/18px Consolas,Monaco,'Courier New',Courier,monospace; overflow: auto;"&gt;&amp;lt;div id="galleria"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onClick="setta_immagine(1);" href="#gal"&amp;gt;&amp;lt;img alt="" src="...[anteprima1]" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onClick="setta_immagine(2);" href="#gal"&amp;gt;&amp;lt;img alt="" src="...[anteprima2]" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onClick="setta_immagine(3);" href="#gal"&amp;gt;&amp;lt;img alt="" src="...[anteprima3]" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id="navthumb"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onclick="scorri_immagine('left');" href="#gal"&amp;gt;Indietro&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a onclick="scorri_immagine('right');" href="#gal"&amp;gt;Avanti&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id="galleriafoto"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div align="left" class="foto" id="immagine1"&amp;gt;&amp;lt;img src="...[foto1]" alt="" /&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div align="left" class="foto" id="immagine2"&amp;gt;&amp;lt;img src="...[foto2]" alt="" /&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div align="left" class="foto" id="immagine3"&amp;gt;&amp;lt;img src="...[foto3]" alt="" /&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Ovviamente al testo&amp;nbsp;&lt;span class="Apple-style-span" mce_name="em" mce_style="font-style: italic;" style="font-style: italic;"&gt;[anteprima1]&lt;/span&gt;&amp;nbsp;va inserito il percorso dell'immagine piccola, mentre in&amp;nbsp;&lt;span class="Apple-style-span" mce_name="em" mce_style="font-style: italic;" style="font-style: italic;"&gt;[foto1]&lt;/span&gt;&amp;nbsp;inserire il percorso all'immagine grande, e così per tutte le altre foto.&lt;br /&gt;&lt;script src="https://ajax.googleapis.com/ajax/libs/mootools/1.1.1/mootools-yui-compressed.js" type="text/javascript"&gt;&lt;/script&gt;&lt;br /&gt;&lt;script type="text/javascript"&gt;/* Slimbox v1.31 - The ultimate lightweight Lightbox clone by Christophe Beyls (http://www.digitalia.be) - MIT-style license. Inspired by the original Lightbox v2 by Lokesh Dhakar.*/var Lightbox = { init: function(options){  this.options = Object.extend({   resizeDuration: 400,   resizeTransition: Fx.Transitions.sineInOut,   initialWidth: 250,   initialHeight: 250,   animateCaption: true  }, options || {});  this.anchors = [];  $each(document.links, function(el){   if (el.rel &amp;&amp; el.rel.test(/^lightbox/i)){    el.onclick = this.click.pass(el, this);    this.anchors.push(el);   }  }, this);  this.eventKeyDown = this.keyboardListener.bindAsEventListener(this);  this.eventPosition = this.position.bind(this);  this.overlay = new Element('div').setProperty('id', 'lbOverlay').injectInside(document.body);  this.center = new Element('div').setProperty('id', 'lbCenter').setStyles({width: this.options.initialWidth+'px', height: this.options.initialHeight+'px', marginLeft: '-'+(this.options.initialWidth/2)+'px', display: 'none'}).injectInside(document.body);  this.image = new Element('div').setProperty('id', 'lbImage').injectInside(this.center);  this.prevLink = new Element('a').setProperties({id: 'lbPrevLink', href: '#'}).setStyle('display', 'none').injectInside(this.image);  this.nextLink = this.prevLink.clone().setProperty('id', 'lbNextLink').injectInside(this.image);  this.prevLink.onclick = this.previous.bind(this);  this.nextLink.onclick = this.next.bind(this);  this.bottomContainer = new Element('div').setProperty('id', 'lbBottomContainer').setStyle('display', 'none').injectInside(document.body);  this.bottom = new Element('div').setProperty('id', 'lbBottom').injectInside(this.bottomContainer);  new Element('a').setProperties({id: 'lbCloseLink', href: '#'}).injectInside(this.bottom).onclick = this.overlay.onclick = this.close.bind(this);  this.caption = new Element('div').setProperty('id', 'lbCaption').injectInside(this.bottom);  this.number = new Element('div').setProperty('id', 'lbNumber').injectInside(this.bottom);  new Element('div').setStyle('clear', 'both').injectInside(this.bottom);  var nextEffect = this.nextEffect.bind(this);  this.fx = {   overlay: this.overlay.effect('opacity', {duration: 500}).hide(),   resize: this.center.effects({duration: this.options.resizeDuration, transition: this.options.resizeTransition, onComplete: nextEffect}),   image: this.image.effect('opacity', {duration: 500, onComplete: nextEffect}),   bottom: this.bottom.effect('margin-top', {duration: 400, onComplete: nextEffect})  };  this.preloadPrev = new Image();  this.preloadNext = new Image(); }, click: function(link){  if (link.rel.length == 8) return this.show(link.href, link.title);  var j, imageNum, images = [];  this.anchors.each(function(el){   if (el.rel == link.rel){    for (j = 0; j &lt; images.length; j++) if(images[j][0] == el.href) break;    if (j == images.length){     images.push([el.href, el.title]);     if (el.href == link.href) imageNum = j;    }   }  }, this);  return this.open(images, imageNum); }, show: function(url, title){  return this.open([[url, title]], 0); }, open: function(images, imageNum){  this.images = images;  this.position();  this.setup(true);  this.top = window.getScrollTop() + (window.getHeight() / 15);  this.center.setStyles({top: this.top+'px', display: ''});  this.fx.overlay.start(0.8);  return this.changeImage(imageNum); }, position: function(){  this.overlay.setStyles({top: window.getScrollTop()+'px', height: window.getHeight()+'px'}); }, setup: function(open){  var elements = $A(document.getElementsByTagName('object'));  elements.extend(document.getElementsByTagName(window.ie ? 'select' : 'embed'));  elements.each(function(el){   if (open) el.lbBackupStyle = el.style.visibility;   el.style.visibility = open ? 'hidden' : el.lbBackupStyle;  });  var fn = open ? 'addEvent' : 'removeEvent';  window[fn]('scroll', this.eventPosition)[fn]('resize', this.eventPosition);  document[fn]('keydown', this.eventKeyDown);  this.step = 0; }, keyboardListener: function(event){  switch (event.keyCode){   case 27: case 88: case 67: this.close(); break;   case 37: case 80: this.previous(); break;    case 39: case 78: this.next();  } }, previous: function(){  return this.changeImage(this.activeImage-1); }, next: function(){  return this.changeImage(this.activeImage+1); }, changeImage: function(imageNum){  if (this.step || (imageNum &lt; 0) || (imageNum &gt;= this.images.length)) return false;  this.step = 1;  this.activeImage = imageNum;  this.center.style.backgroundColor = '';  this.bottomContainer.style.display = this.prevLink.style.display = this.nextLink.style.display = 'none';  this.fx.image.hide();  this.center.className = 'lbLoading';  this.preload = new Image();  this.preload.onload = this.nextEffect.bind(this);  this.preload.src = this.images[imageNum][0];  return false; }, nextEffect: function(){  switch (this.step++){  case 1:   this.center.className = '';   this.image.style.backgroundImage = 'url('+this.images[this.activeImage][0]+')';   this.image.style.width = this.bottom.style.width = this.preload.width+'px';   this.image.style.height = this.prevLink.style.height = this.nextLink.style.height = this.preload.height+'px';   this.caption.setHTML(this.images[this.activeImage][1] || '');   this.number.setHTML((this.images.length == 1) ? '' : 'Image '+(this.activeImage+1)+' of '+this.images.length);   if (this.activeImage) this.preloadPrev.src = this.images[this.activeImage-1][0];   if (this.activeImage != (this.images.length - 1)) this.preloadNext.src = this.images[this.activeImage+1][0];   if (this.center.clientHeight != this.image.offsetHeight){    this.fx.resize.start({height: this.image.offsetHeight});    break;   }   this.step++;  case 2:   if (this.center.clientWidth != this.image.offsetWidth){    this.fx.resize.start({width: this.image.offsetWidth, marginLeft: -this.image.offsetWidth/2});    break;   }   this.step++;  case 3:   this.bottomContainer.setStyles({top: (this.top + this.center.clientHeight)+'px', height: '0px', marginLeft: this.center.style.marginLeft, display: ''});   this.fx.image.start(1);   break;  case 4:   this.center.style.backgroundColor = '#000';   if (this.options.animateCaption){    this.fx.bottom.set(-this.bottom.offsetHeight);    this.bottomContainer.style.height = '';    this.fx.bottom.start(0);    break;   }   this.bottomContainer.style.height = '';  case 5:   if (this.activeImage) this.prevLink.style.display = '';   if (this.activeImage != (this.images.length - 1)) this.nextLink.style.display = '';   this.step = 0;  } }, close: function(){  if (this.step &lt; 0) return;  this.step = -1;  if (this.preload){   this.preload.onload = Class.empty;   this.preload = null;  }  for (var f in this.fx) this.fx[f].stop();  this.center.style.display = this.bottomContainer.style.display = 'none';  this.fx.overlay.chain(this.setup.pass(false, this)).start(0);  return false; }};window.addEvent('domready', Lightbox.init.bind(Lightbox));&lt;/script&gt;&lt;script type="text/javascript"&gt;function setta_immagine(n){                                        if(immagine_attiva!=n){                                                var da_attivare=$('immagine'+n);                        var da_disaattivare=$('immagine'+immagine_attiva);                                            var myFx = new Fx.Style(da_disaattivare, 'opacity').start(1,0);                                                var myFx = new Fx.Style(da_attivare, 'opacity').start(0,1);                                                immagine_attiva=n;                    }        }        function scorri_immagine(direzione){                                        n=immagine_attiva;                                        if(direzione=="right")                        {n++;m=1;}                    else                             {n--;m=-1;}                                            if(n==numero_immagini+1)n=1;                    if(n==0)n=numero_immagini;                                                               var da_attivare=$('immagine'+n);                    var da_disaattivare=$('immagine'+immagine_attiva);                       var img_da_attivare=$('immagine'+n).getFirst();                    var img_da_disaattivare=$('immagine'+immagine_attiva).getFirst();                                            var myFx = new Fx.Style(img_da_attivare, 'margin-left').set(220*m);                    var myFx = new Fx.Style(da_attivare, 'opacity').set(1);                    var myFx = new Fx.Style(img_da_disaattivare, 'margin-left').start(0,-220*m).chain(                            function resetta(){                                         var myFx = new Fx.Style(da_disaattivare, 'opacity').set(0);                                        var myFx = new Fx.Style(img_da_disaattivare, 'margin-left').set(0);                              }                                                             );                                        var myFx = new Fx.Style(img_da_attivare, 'margin-left').start(220*m,0);                                        immagine_attiva=n;        }window.addEvent('domready',     function (){            for(i=1;i&lt;=numero_immagini;i++){                if(i!=immagine_attiva &amp;&amp; $('immagine'+i))$('immagine'+i).setStyle('opacity','0');          }          }); var numero_immagini=6; var immagine_attiva=1;&lt;/script&gt;&lt;style media="all" type="text/css"&gt;/* SLIMBOX */#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer;}#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff;}.lbLoading { background: #fff url(http://1.bp.blogspot.com/_nA2v1HRv8Ro/TO1tJWCMlYI/AAAAAAAAAm0/DY2RZ5Ev09o/s1600/loading.gif) no-repeat center;}#lbImage { border: 10px solid #fff;}#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;}#lbPrevLink { left: 0;}#lbPrevLink:hover { background: transparent url(http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1tL2iAXRI/AAAAAAAAAm8/scqd0CP053I/s1600/prevlabel.gif) no-repeat 0% 15%;}#lbNextLink { right: 0;}#lbNextLink:hover { background: transparent url(http://3.bp.blogspot.com/_nA2v1HRv8Ro/TO1tLmPAVRI/AAAAAAAAAm4/6ahEziB7ges/s1600/nextlabel.gif) no-repeat 100% 15%;}#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(http://2.bp.blogspot.com/_nA2v1HRv8Ro/TO1tI2i51xI/AAAAAAAAAmw/MygXWSr1jwY/s1600/closelabel.gif) no-repeat center; margin: 5px 0;}#lbCaption, #lbNumber { margin-right: 71px;}#lbCaption { font-weight: bold;}&lt;/style&gt;&lt;style media="all" type="text/css"&gt; .clearer{clear:both;}   #galleria{width:100%;}  #galleria a{float:left;display:block;width:130px;height:130px;} #galleria2 a{float:left;display:block;width:70px;height:70px;} #galleria2{display:block;height:65px;}   #galleriafoto { float: left; width: 450px; height: 230px; position:relative; } #galleriafoto .foto{  position:absolute;  left:0;  top:0;  width:225px;  height:225px;  overflow:hidden; }  iframe {}&lt;/style&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2876078167754030216-3467130308333859448?l=www.1spray.it' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://www.1spray.it/feeds/3467130308333859448/comments/default' title='Commenti sul post'/><link rel='replies' type='text/html' href='http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html#comment-form' title='0 Commenti'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/3467130308333859448'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2876078167754030216/posts/default/3467130308333859448'/><link rel='alternate' type='text/html' href='http://www.1spray.it/2007/07/photo-gallery-in-javascript-con.html' title='Photo Gallery in javascript con mootools'/><author><name>1spray</name><uri>http://www.blogger.com/profile/07781812871164035004</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='27' height='32' src='http://4.bp.blogspot.com/-89X5QlCCphc/ToQvEpv3QAI/AAAAAAAADDc/31nqZr1Skvg/s220/0342-IMG_4524.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_nA2v1HRv8Ro/TO1jAS59NQI/AAAAAAAAAmY/5v5dzZzMnZw/s72-c/883_hanno_ucciso_luomo_ragno_front.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
