Salve a tutti!

ho guardato i tutorial http://www.lokeshdhakar.com/projects/lightbox2/ e quello di html.it http://css.html.it/articoli/leggi/24...box-con-i-css/

però ancora non capisco perchè non funzioni ..

ho inserito questi codici come c'è scritto di fare nell'header
codice:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>
ho messo le cartelle con i file css, js e images nel dominio e in seguito ho creato uno pagina di prova simile all'esempio del tutorial di html.it

http://lipstick-trace.net/video/prova.html

ecco il codice della pagina
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title>Una galleria di immagini con Lightbox</title>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>
    <style type="text/css">
        html,body{margin:0;padding:0}
        body{background:#333;color: #FFF; font: 76% Arial, Verdana, sans-serif}
        h1{margin:1em 0 0.2em;font:250% Georgia,"Times New Roman",serif;color:#ABCCE7}
        img{border:none}
        div#container{margin:0 30px}
        p{margin:0 0 3em}
        ul#gallery{list-style:none;margin:0;padding:0}
        ul#gallery li{float:left;margin-right:30px;padding:0}
        ul#gallery img{display:block;border: 4px solid #FFF}
    </style>
</head>
<body>
<div id="container">
<h1>Una galleria di immagini con Lightbox</h1>


In questo esempio la presentazione degli ingrandimenti &egrave; quella di default di Lightbox 2.</p>
<ul id="gallery">[*]prova[*]prova[*]prova[/list]
</div>
</body>
</html>
però quando clicco sopra prova non succede nulla =( l'immagine di prova è regolarmente inserita tra le immagini.. non capisco cosa non vada..