Show Random images from a folder without repeating using JS or PHP

Question

I want to show 10- 15 images from a folder in directory but I don't want to show them repeatedly. I also don't want to use MySQL Table

Please help.

currently i am using below code

             $imglist='';
             $img_folder = "gallerypage/small/";

              mt_srand((double)microtime()*1000);

             $imgs = dir($img_folder);

             while ($file = $imgs->read()) {
                 $imglist .= "$file"."|";

             } closedir($imgs->handle);
             $imglist = explode("|", $imglist); 
             //print_r($imglist);
             $no = sizeof($imglist)-2;
             //echo $no;

             for ($i=0; $i<=$no; $i++)
             {
             $random = $i; // mt_rand($i, $no/$i);
             //echo $random;
             $fileb = 
             $image = $imglist[$i];
             $fileb = $image; 
                 if($image != '.' && $image != '..' && $image != 'Thumbs.db' )
                 {

                    //echo '<img src="'.$img_folder.$image.'" border=0>';
                    //if($image != ""){
                     //echo "k".$image."k";
                    echo "<a href='".$img_folderb.$fileb."' rel='lightbox-journey'><img src='".$img_folder.$image."' title='".$image."' alt='".$image."'   height='100'/>";
                    //}
                 }
             }

score 5 · Answer 1 · answered Feb 20 '12 at 08:30

5

You could glob the folder for images and iterate until you reach 15, none will be repeated

$all_images = glob("/your/directory/{*.jpg, *.JPG, *.JPEG, *.png, *.PNG}", GLOB_BRACE);

// shuffle($all_images); // uncomment this line to randomize the images

$images = array();

foreach ($all_images as $index => $image) {
     if ($index == 15) break;  // Only print 15 images
     $image_name = basename($image);
     echo "<img src='/public/directory/{$image_name}' />";
}

answered Feb 20 '12 at 08:30

Michael Robinson

29,278
12
104
130

Can you write a detailed code I am not that expert :) My directory name is gallerypage/small/ .And also write to display images. – Code Spy Feb 20 '12 at 08:36
7

If you want some one to write the code for you, hire someone, else learn. – Feb 20 '12 at 08:37
@Dagon: agree, what I have provided is definitely enough. – Michael Robinson Feb 20 '12 at 08:38
@jolly.exe: :D glad it was helpful! Sorry I forgot that my initial answer was very bare ;) – Michael Robinson Feb 20 '12 at 08:41

score 5 · Accepted Answer · answered Feb 20 '12 at 08:46

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = '1.gif'
theImages[1] = '2.gif'
theImages[2] = '3.gif'
theImages[3] = '4.gif'

// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

//  End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document  -->

<BODY>

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
showImage();
//  End -->
</script>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
Master</font>
</center><p>

Zul · Answer 3 · 2012-02-20T08:42:12.993

1

$images = glob('/path/to/image/dir/{*.jpg,*.png,*.gif}', GLOB_BRACE);

foreach(array_rand($images,10) as $key) //display 10 image
{
    echo '<img src="'.$images[$key].'" />';
}

edited Feb 20 '12 at 08:42

answered Feb 20 '12 at 08:37

Zul

3,627
3
21
35

score 0 · Answer 4 · answered Feb 20 '12 at 08:36

You can read the files from the directory and store it into an array then shuffle the array and get the first 10 items:

$files = array();
$handle=opendir(".");
while (($file = readdir($handle))!==false) {
    if(is_file($file))
       $files[] = $file;
}

shuffle($files);
$ctr = 0;
foreach($files as $f)
{
    //process file here
    if($ctr++>=10)
     break;
}

Show Random images from a folder without repeating using JS or PHP

4 Answers4

Linked