Does Foobox support avif images with the lightbox gallery?

Hi @nzfade

Thanks for getting in touch with us regarding this.

We will be releasing an update very soon to add compatibility for AVIF images too. However, if you do have FooBox Pro, you can navigate to FooBox -> Settings -> JS & CSS, then scroll down to “Custom JS Options” and add the following then save the changes:

{ "images": { "regex": /https?:\/\/.*?\/.*?\.(jpg|jpeg|png|gif|bmp|webp|svg|avif)/i } }

This will add compatibility for AVIF images before the official update is out. Thanks

Kind regards,
Elvis.

Morning, I bought the pro version, and added the

{ “images”: { “regex”: /https?:\/\/.?\/.?.(jpg|jpeg|png|gif|bmp|webp|svg|avif)/i } }

to the Custom JS Options

It didn’t work. All the foobox lightbox images stopped working, if i remove the regex they work again.

Cheers, Shaun

Hi again, I don’t understand how this is marked as resolved when it’s not?

Hi @nzfade

My apologies for the oversight. After running multiple tests, I have realsied that the outer braces in the snippet I shared are not needed. Simply add the following instead and it will work:

images: { regex: /https?:\/\/.*?\/.*?\.(jpg|jpeg|png|gif|bmp|webp|svg|avif)/i }

Simply add it to the “Custom JS Options” as shown in this linked image and then save changes: https://prnt.sc/B7jXsjhYtZi5

Kindly try this and let us know how it goes.

Kind regards,
Elvis.