Question

I’m loading a folder full of images in, to create a jQuery Image Gallery.

There are currently 100 images being loaded in to create the gallery. I’ve got all that to load without issue.

All I want to do is make the image(s) that are loaded, load in randomly.

How do I achieve this?

My code is :

<?php
            $folder = "images/";
            $handle = opendir($folder);  
            while(($file = readdir($handle)) !== false)  {    
              if($file != "." && $file != "..")
              {      
                echo ("<img src=\"".$folder.$file."\">");
              }
}
?>

Thanks in advance.

Answer 1

You can try something like this:

<?php
    $folder = "images/";
    $handle = opendir($folder);  
    $picturesPathArray;
    while(($file = readdir($handle)) !== false)  {    
        if($file != "." && $file != "..")
            $picturesPathArray[] = $folder.$file; 
    }
    shuffle($picturesPathArray);   


    foreach($picturesPathArray as $path) {  
        echo ("<img src=\"".$path."\">");
     }

?>