Images from folder generator

☝️ Note: This generator is only available in the Pro version.

Tutorial

1
Upload your images

Upload your images into your website's ftp, into a folder inside this folder:

Joomla: /images/
WordPress: /wp-content/uploads/

2
Creating a new dynamic slide

To get started, go to any Slider Settings page and add a new dynamic slide. Select Folder, and choose Images in folder.

3
Configuring the generator

Set up your generator. Choose the settings you want. Popular options you probably want to configure: category where your content will be pulled from, the number of slides you want to have, the ordering of the content.

You can also click on the View Records button to see the data you'll be creating your slide with.

When you're done, click on Add.

4
Editing the dynamic slide

After you saved your generator, you'll be redirected to the Slide Editor to set up the look of your slide. You can create your content by using variables.

Not sure what are the variables or how to use them? Learn how to work with variables.

Configuration

You can use these options to set what you want your generator to show.

Filter

Source folder

The folder from where you want to get the images into the slider.

⚠️ Warning: Only images within your WordPress or Joomla installation directory are supported!

By default this folder points to your media folder, and you can't go higher in our folder browser, but if you manually write down the whole path to your folder, and write a * character before it, that path will be used to get your images from.

For example: */www/mysite/wp-content/plugins/xygallery/images/

You don't have to search yourself for the complete path, just write a wrong path starting with * character: */wrong, press the View records button, and the error message will show you the path to your media folder, and you will be able to figure out the path you want from there.

💡 Tip

You can use %% as a wildcard character/string for searches in the Images from subfolders generator, for example:
xygallery/slider%%images/
xygallery/images/201%%
xygallery/images/%%/

EXIF

You can also get the EXIF metadata of the image files. It's up to your camera or image editor program, what kind of datas are stored in them.

Exclude Resized Images

This option removes files that match the -[number]x[number].[extension] pattern in the end of their file names. For example, myimage.jpg will stay in the generator result, but myimage-120x120.jpg will be removed, because it's the same image, just in a smaller size.

☝️ Note: The resized images are excluded after the given amount of images (set by the Slides option) are read from the folder. So if you set the Slides to 10 but only 1 non-resized image exists within those 10 fetched images, only one slide will be generated. If you want to ensure you have the proper amount of slides, make sure you set the Slides value high enough.

Order

Field

The field which decides the ordering of your content.

  • Filename
  • Creation date
☝️ Note: Keep in mind that servers handle the file names as text, even if they have numbers in them. So if you have three images:
  • image-1.jpg
  • image-2.jpg
  • image-12.jpg

then they'll usually appear in the following order:

  • image-1.jpg
  • image-12.jpg
  • image-2.jpg

That's because the code don't see the "12" as "twelve" but as separate numbers: "one" and "two". So for the code the image-12.jpg doesn't mean image-[twelve].jpg but image-[one][two].jpg. 1 is before 2 so the image-12.jpg will be listed before image-2.jpg

If you want to ensure the correct order by file name with numbers, you should add zeros (0). The example below will render the correct order if the images are named like this:

  • image-01.jpg
  • image-02.jpg
  • image-12.jpg
Order

The order direction.

  • Ascending
  • Descending

Generator Settings

Learn about the Generator Settings at the Generator Settings documentation.

Variables

These are the available variables you can use to build your dynamic slide content in the Slide Editor.

Not sure what are the variables or how to use them? Learn how to work with variables.

  • image, thumbnail - The link of the image.
  • title - The filename of the image.
  • name - The filename of the image without the extension.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.