non mi funziona....ti copio il codice della pagina prendendo solo in esame la prima foto senza copiarlo tutto inutilmente con le modifiche che mi hai suggerito

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" media="screen" />

<style type="text/css">
body {
font: Arial, Helvetica, sans-serif normal 10px;
margin: 0; padding: 0;
}
* {margin: 0; padding: 0;}
#page{
margin:0 auto;
position:relative;
width:850px;
font-family:verdana;
font-size:12px;
}
#content{
width:100%;
}
pre{
border:3px solid #ccc;
padding:5px;
font-size:12px;
font-family:arial;
}
.bold{font-weight:bold;}
.blue{color:blue;}
.red{color:red;}
#footer{
margin-top:5px;
text-align:center;
width:100%;
height:auto;
padding:5px;
background-color:#ccc;
}
</style>
<style type="text/css">

ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;width: 360px;background-color: white;}
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li img {width: 100px; height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
</style>
<title>Michael jackson rare rarità vinili lp rarest canada pepsi promo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
}
.Stile1 {color: #FFFFFF}
body,td,th {
color: #FFFFFF;
}
.Stile3 {color: #000000}
-->
<body>
<div id="page">
<div id="content">

<div class="container">
<ul class="thumb">
</style>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
</head>

<body background="sfondo%20biografia.png">
<div align="center">
<table width="779" border="1">
<tr> [*]<td width="187"><div align="center">[img]immagini/collezione/fotorare/victory%20colomba%2012%20olandese.JPG[/img]</div></td>

</div>
</body>
</html>

<script type='text/javascript' src='http://www.thegloveliveson.com/js/trailSpark.js'></script>
<script type='text/javascript'>window.onload = cursorChange;</script>





<style type='text/css'>
<!--
html { height: 100%; width: 100%; cursor : url('http://www.thegloveliveson.com/images/img_cursor_white.cur'), default; }
html a:hover{ cursor : url("http://www.thegloveliveson.com/images/cursor_over_white.cur"), default; }
--></style>

[/list]

</div>

</div>

</div>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js1.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('ul.thumb li').magicalHover({speedView:200,speedRemove:400,a ltAnim:true,speedTitle:400,debug:false});
});
</script>

Cosa c'è di sbagliato? Non riesco a capire ovviamente ho modificato il file js1.js come mi hai detto tu nel post che precede questo. non mi funziona....ti copio il codice della pagina prendendo solo in esame la prima foto senza copiarlo tutto inutilmente dal momento che capito come si fa una foto poi le faccio tutte con le modifiche che mi hai suggerito