jQuery Preload folder contents?

Forum|Forum|10 years ago
September 1, 2015
2 replies
2414 views

I'm using a jQuery image preloader:

$.preloadImages = function() {

for (var i = 0; i < arguments.length; i++) {

$("<img />").attr("src", arguments);

}

$.preloadImages("hoverimage1.jpg","hoverimage2.jpg");

Problem: Client will be using different images throughout the year.

Question: Instead of listing an array of filenames above, is it possible to preload everything contained in a folder?

Nancy O.

This topic has been closed for replies.

Correct answer David_Powers

I don't know if it's possible with JavaScript, but generating an array of image filenames from a folder is easy in PHP:

$filenames = [];
$images = new FileSystemIterator('path/to/folder');
$images = new RegexIterator($images, '/\.(?:jpg|png|gif)$/i');
foreach ($images as $image) {
   $filenames[] = $image->getFilename();
}

You could then use the $filenames array to inject the names into your jQuery preloader script.

David_PowersCorrect answer

Inspiring

I don't know if it's possible with JavaScript, but generating an array of image filenames from a folder is easy in PHP:

$filenames = [];
$images = new FileSystemIterator('path/to/folder');
$images = new RegexIterator($images, '/\.(?:jpg|png|gif)$/i');
foreach ($images as $image) {
   $filenames[] = $image->getFilename();
}

You could then use the $filenames array to inject the names into your jQuery preloader script.