vi posto le pagine da includere:
Codice PHP:
<script type="text/javascript" >
    function recalc(){
        $(function() {
            $("div#makeMeScrollable").smoothDivScroll("recalculateScrollableArea");
        });
    }
</script>
<div id="makeMeScrollable">
    <div class="scrollingHotSpotRight">
        [url="javascript:void(0)"][img]../css/images/3.jpg[/img][/url]
    </div>
    <div class="scrollingHotSpotLeft">
        [url="javascript:void(0)"][img]../css/images/1.jpg[/img][/url]
    </div>
    <div class="scrollWrapper">
        <div class="scrollableArea">
            <?php
            $dirname = "foto_marzia/fashion";
            $images = scandir($dirname);
            sort($images);
            foreach ($images as $file) {
                if ((substr($file, -5) == ".jpeg") || (substr($file, -4) == ".jpg")) {
                    echo <<<HTML
[img]foto_marzia/fashion/$file[/img]
HTML;
                }
            }
            ?>
        </div>
    </div>
</div>
<script type="text/javascript" >
    recalc();
    $("img#destra").bind("mouseover", function() {
        $(this).attr("src", "../css/images/4.jpg");
    }).bind("mouseout", function() {
        $(this).attr("src", "../css/images/3.jpg");
    });

    $("img#sinistra").bind("mouseover", function() {
        $(this).attr("src", "../css/images/2.jpg");
    }).bind("mouseout", function() {
        $(this).attr("src", "../css/images/1.jpg");
    });
</script>
sono tutte uguali tranne che cambia il percorso delle immagini.