JavaScript Images (Advanced JS)?

To my knowledge this cannot be done with JavaScript. You'll need to use a server-side script, like PHP:

<?php

Header("content-type: application/x-javascript");

function returnimages($dirname=".")

{

  $pattern="(\.jpg$) | (\.png$) | (\.jpeg$) | (\.gif$)";

  $files = array();

  $curimage=0;

  if ($handle = opendir($dirname))

  {

    while (false !== ($file = readdir($handle)))

    {

      if (eregi($pattern, $file))

      {

        echo 'galleryarray['.$curimage.'] = "'.$file .'";';

        $curimage++;

      }

    }

    closedir($handle);

  }

  return($files);

}

echo 'var galleryarray=new Array();';

returnimages()

?>

This will grab the file names of the images in a directory and output an array, like this:

var galleryarray = new Array();

galleryarray[0] = 'myimage.gif';

...

galleryarray[n] = 'anotherimage.jpg';

---

Of course you link to it from your HTML like this:

<script src="getimages.php"></script>

You can write another javscript to loop through the array and display each image on the page when the page has finished loading... should be simple enough.

> Like I said, what you are asking is beyond the capability of JavaScript. The only way to do what you're asking is by manually typing out the array of images, and changing the JavaScript source every time new images are added or removed.

However if your PSP has a connection to the internet and the PHP and images are hosted on a web server, as long as the web server is capable of interpreting PHP - your PSP won't even know it's a PHP file because the mime type is being set to JavaScript on the server, thus the file will render as if it were a .js file.

Browser based, client side javascript cannot access anything (aside from cookies) on the local filesystem.