Galleriffic Demo

<div id="page">

<div id="container">

<h1>

Galleriffic</h1>

<h2>

Miniature per effetti e slideshow</h2>

<div class="content" id="gallery">

<div class="controls" id="controls">

</div>

<div class="slideshow-container">

<div class="loader" id="loading">

</div>

<div class="slideshow" id="slideshow">

</div>

</div>

<div class="caption-container" id="caption">

</div>

</div>

<div class="navigation" id="thumbs">

<ul class="thumbs noscript">

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" name="leaf" title="Title #0">

<img alt="Title #0" src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #0</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" name="drop" title="Title #1">

<img alt="Title #1" src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" />

</a>

<div class="caption">

Qui si può inserire anche HTML ...</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" name="bigleaf" title="Title #2">

<img alt="Title #2" src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2093/2538168854_f75e408156_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #2</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" name="lizard" title="Title #3">

<img alt="Title #3" src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #3</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">

<img alt="Title #4" src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Title #4</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">

<img alt="Title #5" src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_b.jpg">Download Original</a> </div>

<div class="image-title">

Titolo #5</div>

<div class="image-desc">

Description</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">

<img alt="Title #6" src="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #6</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">

<img alt="Title #7" src="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3205/2538164270_c7d1646ecf_o.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #7</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">

<img alt="Title #8" src="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #8</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">

<img alt="Title #9" src="http://farm3.static.flickr.com/2315/2537343449_f933be8036_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2315/2537343449_f933be8036_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #9</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">

<img alt="Title #10" src="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #10</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">

<img alt="Title #11" src="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #11</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">

<img alt="Title #12" src="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #12</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">

<img alt="Title #13" src="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #13</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">

<img alt="Title #14" src="http://farm3.static.flickr.com/2041/2083498578_114e117aab_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2041/2083498578_114e117aab_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #14</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">

<img alt="Title #15" src="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #15</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">

<img alt="Title #16" src="http://farm3.static.flickr.com/2014/2083478274_26775114dc_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2014/2083478274_26775114dc_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #16</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">

<img alt="Title #17" src="http://farm3.static.flickr.com/2194/2083464534_122e849241_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2194/2083464534_122e849241_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Title #17</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">

<img alt="Title #18" src="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #18</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">

<img alt="Title #19" src="http://farm3.static.flickr.com/2375/2538172432_3343a47341_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2375/2538172432_3343a47341_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #19</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">

<img alt="Title #20" src="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #20</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">

<img alt="Title #21" src="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #21</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">

<img alt="Title #22" src="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #22</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

<li>

<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">

<img alt="Title #23" src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" />

</a>

<div class="caption">

<div class="download">

<a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Scarica Originale</a></div>

<div class="image-title">

Titolo #23</div>

<div class="image-desc">

Descrizione</div>

</div>

</li>

</ul>

</div>

<div style="clear: both;">

</div>

</div>

</div>