sto cercando di usare questa galleria di immagini http://javascript.html.it/script/ved...lice-e-pulita/
al posto di scrivere i file manualmente uno per uno (potrei averne anche 50!) sto provando a integrare il tutto con php.
la pagina originale è questa:
Codice PHP:
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>
......
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.exposure.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('#images').exposure({controlsTarget : '#controls',
                    showThumbnails : false,
                    onImage : function(image, imageData, thumb) {
                        image.hide().stop().fadeIn(1000);
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="main">
            <ul id="images">[*][url="slides/IMG_2198.jpg"][/url][*][url="slides/IMG_2339.jpg"][/url]
[*][url="slides/IMG_2446.jpg"][/url][*][url="slides/IMG_2623.jpg"][/url][*][url="slides/IMG_5077.jpeg"][/url][*][url="slides/IMG_5177.jpeg"][/url][*][url="slides/IMG_5278.jpeg"][/url][*][url="slides/IMG_5324.jpeg"][/url][*][url="slides/IMG_5650.jpeg"][/url][*][url="slides/IMG_9006.jpg"][/url][/list]
            <div id="exposure"></div>
            <div class="clear"></div>
            <div id="controls"></div>
            <div class="clear"></div>
        </div>
    </body>
</html> 
questo invece il mio tentativo
Codice PHP:
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>
......
        <link href="css/style.css" type="text/css" rel="stylesheet" />
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.exposure.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $('#images').exposure({controlsTarget : '#controls',
                    showThumbnails : false,
                    onImage : function(image, imageData, thumb) {
                        image.hide().stop().fadeIn(1000);
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="main">
            <?php
            $directory = "slides/";
            if (is_dir($directory)) {
                $dir = opendir($directory);
                while (false !== ($file = readdir($dir))) {
                    $type = filetype($directory . "/" . $file);
                    $size = filesize($directory . "/" . $file);
                    echo <<<HTML
<ul id="images">[*][url="slides/$file"][/url][/list]
HTML;
                }
                closedir($dir);
            } else {
                echo $directory . " non è una directory";
            }
            ?>
            <div id="exposure"></div>
            <div class="clear"></div>
            <div id="controls"></div>
            <div class="clear"></div>
        </div>
    </body>
</html>
il problema è che le immagini nn si vedono