ho preso dal sito, sezione script, quello creato da bozz e volevo sapere se possibile:
- le immagini a grandezza naturale si possono ingrandire ?
- lo spazio tra le miniature si puo' aumentare ?
se è possibile potreste dirmi dove andare ad agire (non sono un espertissimo) posto il codice html e lo skin.css:
... grazie in anticipo
<!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" lang="it">
<head>
<title>Una galleria con effetto cover flow - Esempio JavaScript scaricato da HTML.it</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="stylesheet" href="css/skin.css" type="text/css" media="screen" charset="utf-8" />

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.flowgallery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$('#gallery').flowGallery({
easing: 'easeOutCubic',
imagePadding: 6,
thumbWidth: 120
});
});
</script>

</head>
<body>

<div id="wrapper">
<h1>Una galleria con effetto cover flow</h1>
<div id="content">


<ul id="gallery">
[*][img]images/gallery/img3.jpg[/img]
[*][img]images/gallery/img6.jpg[/img][*][img]images/gallery/img8.jpg[/img]
[*][img]images/gallery/img2.jpg[/img][*][img]images/gallery/img7.jpg[/img][*][img]images/gallery/img9.jpg[/img][*][img]images/gallery/img1.jpg[/img][*][img]images/gallery/img4.jpg[/img][/list]

</div>
</div>








<div align="center">
[img]logo_htmlit.gif[/img]


</body>
</html>

skin.css :
html,
body {
margin: 0;
padding: 0;
}
body {
background-color: #C4C4C4;
color: #333;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 14px;
}
h1 {
color: #333;
margin: 25px auto;
text-align: center;
width: 600px;
}
a,
a:active,
a:visited {
color: #cc0000;
text-decoration: none;
}
a:hover {
color: #111;
text-decoration: underline;
}
#logo {
position: absolute;
left: 0;
top: 0;
}
#logo img {
border: 0;
}
#links {
list-style: none;
margin: 0 auto;
padding-left: 0;
text-align: center;
width: 600px;
}
#links li {
display: inline;
padding-left: 20px;
}
#links .blog {
background: url(../images/page_white_text.png) no-repeat left center;
}
#links .download {
background: url(../images/page_white_compressed.png) no-repeat left center;
}
#links .github {
background: url(../images/github_16.png) no-repeat left center;
}

/* image loading background image */

#gallery li.loading {
background: url(../images/spinner.gif) no-repeat center center;
}

/* image caption */

p.bf-caption {
color: #999;
font-size: 12px;
font-weight: normal;
line-height: 1.5em;
margin: 0;
text-align: left;
}