Cool Picture Viewer (but needs sort)

[swtrans]

I found this cool picture viewer. It has a drop down box that gets populated by the files in a specified directory. The only problem is, there is no sort. I have beat my brains out trying to figure out how to sort this. Any ideas? Thanks!

It is called a Dynamic PHP Picture Viewer.

http://www.javascriptkit.com/script/script2/phpviewer/

SAMPLE:

http://oberman.info/pics/

QUESTION:

How would I get the picture list in alpha order?

PHP CODE:

<?
Header("content-type: application/x-javascript");
$pathstring=pathinfo($SERVER['PHP_SELF']);
$locationstring="http://" . $SERVER['HTTP_HOST'].$pathstring['dirname'] . "/";

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 'picsarray[' . $curimage .']="' . $file . '";';
$curimage++;
}
}

closedir($handle);
}
return($files);
}

echo 'var locationstring="' . $locationstring . '";';
echo 'var picsarray=new Array();';
returnimages()
?>

[bpat1434]

[man]asort/man

Just get all the images into an array, and sort using the above function...

[swtrans]

Actually that script adds the name of the image files to the array automatically. So they don't need to be manually added. This is a nice script for quickly putting pictures on the web.

The bad thing is it randomly populates the array.

I tried using asort() but probably didn't do it right. Where does the arsort go? Thanks.

[bpat1434]

after you completely populate the array, and before you display it....

[swtrans]

If you have PHP >=4.3 (4.3.3 on win32) you could use glob which returns an array in the first place (which sort() will work on ... actually glob() sorts by default but you can use natcaseort() & friends as well) ...

PHP Code:
<?
Header("content-type: application/x-javascript");
$pathstring=pathinfo($SERVER['PHP_SELF']);
$locationstring="http://" . $SERVER['HTTP_HOST'].$pathstring['dirname'] . "/";

function returnimages($dirname=".") {
$yaks = glob("*.{jpg,gif,png,jpeg}",GLOB_BRACE);
sort ($yaks);
foreach($yaks as $k=>$v){
$str .= $files[$file] = 'picsarray[' . $k .']="' . $v . '";'."\n";
}
return $str;
}

echo 'var locationstring="' . $locationstring . '";';
echo 'var picsarray=new Array();';
echo returnimages();
?>

If you have an older version and need to use readdir you will have to put the filenames in an array & then iterate through them again.

PHP Code:
<?
Header("content-type: application/x-javascript");
$pathstring=pathinfo($SERVER['PHP_SELF']);
$locationstring="http://" . $SERVER['HTTP_HOST'].$pathstring['dirname'] . "/";

function returnimages($dirname=".") {
$pattern="(.jpg$)|(.png$)|(.jpeg$)|(.gif$)";
$files = array();
if($handle = opendir($dirname)) {
while(false !== ($file = readdir($handle))){
if(eregi($pattern, $file)){
$files[]=$file;
}
}
closedir($handle);
}
sort ($files);
foreach($files as $k=>$v){
$str .= $files[$file] = 'picsarray[' . $k .']="' . $v . '";'."\n";
}
return $str;
}

echo 'var locationstring="' . $locationstring . '";';
echo 'var picsarray=new Array();';
echo returnimages();
?>