Question

Is there a way to do something like this?

<img src="*some regular expression here*">

I have a folder with a bunch of pictures and I’m trying to display all the pictures that fit the given regular expression. Also, I’m using JQuery for this, so could is it possible to do something like:

<img src="*some regular expression searching for $(var1) and $(var2) within the filenames*">

Any help is much appreciated.

Answer 1

An img tag in HTML can only load one image at a time. So you will need to create multiple images, and figure out what relation they have to each other. So you could do something like this:

var $parent = $('#parent_container');
$.each(filenames, function(i, filename) {
   if (filename.match(/my_patter(n*)/) {
        $parent.append('<img src="' + RegExp.$1 + '" />');
   }
});

Obviously your real filenames won’t consist of the letter n repeated variable numbers of times.

This will place the images one after another in a single parent container.