modifica script Slideshow con effetto fade

[Lino80]

<script>
	var demoTabs;
	Event.observe(window, "load", function() {
		//Immagini
		var images = [
			"beach.jpg",
			"play.jpg",
			"bone.jpg",
			"snow.jpg",
			"sunrise.jpg"
		];

		new Widget.Fader("defaultDemo", images);

		});
	</script>

a questo script vorrei metterci una variabile per visualizzare delle foto contenute tutte in una directory es:

$basePath="./public";

come si può fare?

spero che qualcuno mi risponda..grazie

[bubu77]

<?php
$basePath = "./public";
$dir = scandir($basePath);
$immagini = array();
foreach($dir as $file){
 if(substr($file, -3) == 'jpg'){
  $immagini[] = $file;
 }
}
?>
<script>
    var demoTabs;
    Event.observe(window, "load", function() {
        //Immagini
        var images = [
            "<?php echo implode("\",\n \"", $immagini); ?>"
        ];

        new Widget.Fader("defaultDemo", images);

        });
    </script>

[Lino80]

grazie.. vorrei visualizzare tutte le foto a 200px per 200px e non con grandezza naturale..ho provato ad inserire dei div ma non va:

<div style="width:200px; height:200px; position:relative; margin:0 auto">
<div id="displayed_photo_cont" style="width:200px; display:; position:absolute; top:0; left:0; z-index:0;">
[img]/public/<?php echo $immagini[0]; ?>[/img]
</div>
<div id="tobedisplayed_photo_cont" style="width:200px; display:none; position:absolute; top:0; left:0; z-index:0;">
[img][/img]
</div>
</div>

le vedo sempre grandi!!