CODEWITHSUNDEEP
phpjavascriptarraysdirectory
Tom
Tom

Reputation: 12998

Create javascript array using php to get images from directory

I have a jquery function which relies on an array of images to create a fadeOut/In effect.

The line of code looks like this:

var images=new Array('/images/myImage1.jpg','/images/myImage2.jpg','/images/myImage3.jpg');

Currently I manually create this array but I would like to create it using php to grab the images in a directory on my server. I have found the following code which does this but I need to format so it looks like the javascript above.

<?php
$dir    = 'chamberImages/portfolio';
$files2 = scandir($dir, 1);
print_r($files2);
?>

Upvotes: 2

Views: 3917

Answers (3)

Silver Light
Silver Light

Reputation: 45922

Use ajax. If you can't or do not want to do it, here is an inline PHP solution:

var images=new Array('<?php echo implode("', '", $files2) ?>');

Upvotes: 1

mck89
mck89

Reputation: 19231

You can use json:

json_encode($files2);

The result is a json formatted string that can be used as javascript code to create the array.

Upvotes: 1

Nick
Nick

Reputation: 6965

You could just JSON encode the array that you have in $files2, removing the . and .. entries with array_slice:

var images = <?php echo json_encode(array_slice($files2, 2)); ?>;

Upvotes: 6

Related Questions