vi riposto il codice che magari è + leggibile così:
<head>
<title>
</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="javascript" />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<link rel="shortcut icon" href="favicon.png">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<!--FINE MENù>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="jquery.galleryFocus.js"></script>
<script>$(function(){
var demo = $('#demo img');
demo.galleryFocus();
demo.click(function(){
$('.ggg').removeClass('ggg');
$(this).addClass('ggg');
demo.galleryFocus('update');
});
$('#controls input').change(function(){
var action = $(this).attr('id');
switch(action){
case 'c-overlay': {
if($(this).is(':checked')){
demo.galleryFocus('overlay', true);
} else {
demo.galleryFocus('overlay', false);
}
} break;
case 'c-radius': {
var value = $(this).attr('value');
demo.galleryFocus('set', 'radius', value);
} break;
case 'c-fadeTo': {
var value = $(this).attr('value');
demo.galleryFocus('set', 'fadeTo', value);
} break;
case 'c-invert': {
var value = $(this).is(':checked');
demo.galleryFocus('set', 'invert', value);
} break;
case 'c-cursor': {
if($(this).is(':checked')){
$('#source-hint').fadeOut();
demo.galleryFocus('source', 'cursor');
} else {
$('#source-hint').fadeIn();
demo.galleryFocus('source', '.ggg');
}
} break;
}
});
$('.page').hide();
// page links
$('#nav a').not(':last-child').click(function(){
$('#nav a').removeClass('active');
$(this).addClass('active');
// switch page
var page = $(this).attr('href');
$('.page').hide();
$(page).delay(200).show();
return false;
});
$('#nav a:first-child').trigger('click');
});</script>
</head>
<body>
<div id="page" style="z-index:10;">
<link rel="stylesheet" type="text/css" href="css/perslice.css" />
<form method="post" action="">
<select name="fancySelect" class="makeMeFancy">
<option value="0" selected="selected" data-skip="1">Elena Rosso</option>
<option value="1" data-icon="images/iphone.png" data-html-text=" <i>CONTACT</i>">Elena Rosso</option>
<option value="2" data-icon="images/Logo%20Pdf.png" data-html-text="<i>SCARICA PDF</i>">Elena Rosso</option>
</select>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="js/script.js"></script>
</div>
<div id="header">
<div id="nav">
</div>
<div id="content" style="z-index:1;">
<div class="page" id="usage">
<script src="https://gist.github.com/1003983.js?file=gistfile1.js"></script>
</div>
<div class="page" id="demo">
<a href="">
[img]../../materiale/thumb/80.jpg[/img]</a>
http://[img]../../materiale/thumb/ma....jpg[/img]
[img]../../materiale/thumb/pettiviola.jpg[/img]
[img]../../materiale/thumb/ingranaggi.jpg[/img]
[img]../../materiale/thumb/almablu.jpg[/img]
[img]../../materiale/thumb/petunia.jpg[/img]
[img]../../materiale/thumb/nebbiolo.jpg[/img]
[img]../../materiale/thumb/rclab.jpg[/img]
[img]../../materiale/thumb/meriame1.jpg[/img]
[img]../../materiale/thumb/PsicRed.jpg[/img]
[img]../../materiale/thumb/res.jpg[/img]
[img]../../materiale/thumb/psicViolet.jpg[/img]
[img]../../materiale/thumb/PsicBlu.jpg[/img]
[img]../../materiale/thumb/PsicYellow.jpg[/img]
[img]../../materiale/thumb/belle.jpg[/img]
[img]../../materiale/thumb/commissione.jpg[/img]
http://[img]../../materiale/thumb/bu....jpg[/img]
[img]../../materiale/thumb/limasa1.jpg[/img]
[img]../../materiale/thumb/barbera.jpg[/img]
[img]../../materiale/thumb/canileRosso.jpg[/img]
[img]../../materiale/thumb/claustro2.jpg[/img]
[img]../../materiale/thumb/eleesa.jpg[/img]
[img]../../materiale/thumb/dolcetto.jpg[/img]
[img]../../materiale/thumb/myperslug.jpg[/img]
[img]../../materiale/thumb/buidingBLU.jpg[/img]
http://[img]../../materiale/thumb/co....jpg[/img]
[img]../../materiale/thumb/claustro.jpg[/img]
[img]../../materiale/thumb/claustro3.jpg[/img]
[img]../../materiale/thumb/europemail.jpg[/img]
[img]../../materiale/thumb/grigi.jpg[/img]
http://[img]../../materiale/thumb/ca....jpg[/img]
http://[img]../../materiale/thumb/vi....jpg[/img]
[img]../../materiale/thumb/maglietta.jpg[/img]
[img]../../materiale/thumb/222.jpg[/img]
http://[img]../../materiale/thumb/ma....jpg[/img]
[img]../../materiale/thumb/meplease.jpg[/img]
[img]../../materiale/thumb/Agrigio.jpg[/img]
[img]../../materiale/thumb/meriame2.jpg[/img]
[img]../../materiale/thumb/monfolkfest.jpg[/img]
http://[img]../../materiale/thumb/cl....jpg[/img]
[img]../../materiale/thumb/224.jpg[/img]
[img]../../materiale/thumb/canileRosa.jpg[/img]
[img]../../materiale/thumb/pettirosso.jpg[/img]
[img]../../materiale/thumb/223.jpg[/img]
http://[img]../../materiale/thumb/pe....jpg[/img]
[img]../../materiale/thumb/attoprimo.jpg[/img]
http://[img]../../materiale/thumb/ps....jpg[/img]
[img]../../materiale/thumb/PsicPurple.jpg[/img]
[img]../../materiale/thumb/225.jpg[/img]
[img]../../materiale/thumb/arco.jpg[/img]
[img]../../materiale/thumb/pettinero.jpg[/img]
[img]../../materiale/thumb/radio1.jpg[/img]
[img]../../materiale/thumb/radio3.jpg[/img]
http://[img]../../materiale/thumb/sc....jpg[/img]
[img]../../materiale/thumb/almagrigio.jpg[/img]
[img]../../materiale/thumb/Ablu.jpg[/img]
http://[img]../../materiale/thumb/vi....jpg[/img]
[img]../../materiale/thumb/limasa2.jpg[/img]
[img]../../materiale/thumb/worst.jpg[/img]
</div>
</div>
</div>
</body>
</html>
grazie ancora!
Rispondi quotando