Il codice sotto riportato legge miniature da directory e usa lightbox per visualizzare le immagini ingrandite. Mi funziona bene con IE7 e Opera9, ma non con Firefox2. Quando si clicca su una miniatura, l'ingrandimento non viene mostrato bene.
:master: Io proprio non capisco Qualche suggerimento?

codice:
<!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" >
<head>
    <title>Pagina senza titolo</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">
		body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
	</style>
    
    <script language="javascript" type="text/javascript">
// <!CDATA[

window.onload = function()
{
    mg.src = "/ProveNicon/thumbnails/IMG_" + n + ".jpg";

}

var n = 0;
var mgs = [];
var mg = new Image();
mg.onerror = function()
{
    var a = "";
    for(var i = 0; i < mgs.length; i++)
    {
        a += '<a href="/ProveNicon/images/IMG_' + i + '.jpg" rel="lightbox[roadtrip]" title="" >'
            + '[img]/ProveNicon/thumbnails/IMG_' + i + '.jpg[/img]'
            + '</a>';
    }
    $("div1").innerHTML = a;
    initLightbox();
    
}

mg.onload = function()
{
    mgs.push(mg);
    n++;
    mg.src = "/ProveNicon/thumbnails/IMG_" + n + ".jpg";
}

// ]]>
    </script>

</head>
<body>
    <h3>Prova lettura immagine da directory con javascript</h3>

    <div id="div1">Prego attendere... carico immagini.</div>
</body>
</html>