Inserisci questo codice HTML bada che le immagini siano nella stessa cartella del file HTML e del file js.

<html>
<head>

<title></title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Microsoft FrontPage 6.0">
<link rel="stylesheet" href="gallery.css">
<script type="text/javascript" src="onpage.js"></script>

</head>

<body background="1.jpg" bgproperties="fixed">



<div name="gallery" id="gallery" style="-index: 1; left: 200px; top: 11px">
<a href="egg.jpg">
[img]egg_small.jpg=[/img]</a>
[img]field_small.jpg[/img]


[img]orange_small.jpg[/img]
<a href="forestonWater.jpg">
[img]forestonWater_small.jpg[/img]</a>
</p>


<a href="sleep.jpg">
[img]sleep_small.jpg[/img]</a>
<a href="optical.jpg">
[img]optical_small.jpg[/img]</a>
</p>


<a href="ghosts.jpg">
[img]ghosts_small.jpg[/img]</a>
<a href="join.jpg">
[img]join_small.jpg[/img]</a>
</p>


<a href="hypergrid.jpg">
[img]hypergrid_small.jpg[/img]</a>
<a href="macchia.jpg">
[img]macchia_small.jpg[/img]</a>
</p>


<a href="tunnel.jpg">
[img]tunnel_small.jpg[/img]</a>
<a href="sea.jpg">
[img]sea_small.jpg[/img]</a>
</div>
<div id="zoom" style="position:absolute; left:467px; width: 416px; height: 471px; top:17px"> >
<h3 id="titolo">Clicca sulle
miniature per vedere gli ingrandimenti.</h3>
[img]empty.jpg[/img]</p>

</body>
</html>