codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
Supersized - Fullscreen Slideshow jQuery Plugin
Version : 3.2.7
Site : www.buildinternet.com/project/supersized
Author : Sam Dunn
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License
-->
<head>
<title>Fotorescigno_Fullslideshow</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$.supersized({
// Functionality
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
slides : [ // Slideshow Images
{image : 'http://www.fotorescigno.com/1.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/1.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/2.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/2.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/3.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/3.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/4.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/4.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/5.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/5.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/6.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/6.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/7.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/7.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/8.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/8.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/9.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/9.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/10.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/10.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/11.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/11.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/12.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/12.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/13.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/13.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/14.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/14.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/15.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/15.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/16.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/16.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/17.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/17.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/18.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/18.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/19.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/19.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/20.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/20.jpg', url : 'http://www.fotorescigno.com/'},
{image : 'http://www.fotorescigno.com/21.jpg', title : 'Image Credit: Emilio Rescigno',
thumb : 'http://www.fotorescigno.com/21.jpg', url : 'http://www.fotorescigno.com/'},
]
});
});
</script>
</head>
<style type="text/css">
ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }
</style>
<body>
<ul id="demo-block">
[*]Photographer: Emilio Rescigno
[/list]
<div id="prevthumb"></div>
<div id="nextthumb"></div>
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<div id="thumb-tray" class="load-item">
<div id="thumb-back"></div>
<div id="thumb-forward"></div>
</div>
<div id="progress-back" class="load-item">
<div id="progress-bar"></div>
</div>
<div id="controls-wrapper" class="load-item">
<div id="controls">
<a id="play-button">[img]img/pause.png[/img]</a>
<div id="slidecounter">
<span class="slidenumber"></span> / <span class="totalslides"></span>
</div>
<div id="slidecaption"></div>
<a id="tray-button">[img]img/button-tray-up.png[/img]</a>
<ul id="slide-list">[/list]
</div>
</div>
</body>
</html>