dynamicGallery.refresh() does not allow you to add new video sources

[swstyles]

On the first init of dynamicGallery, all instances of videos and images load and play fine. But when you add more videos to the object, you receive the "Oops.... Failed to Load" message.

In the code below, I am clearing all the current gallery values and only adding new values including a mix of video and images. Only the images load. The video thumbnail displays but the video fails to load.
const updatedDynamicElements = [...newImages];
dynamicGallery.refresh(updatedDynamicElements);

TIA

[sachinchoolur]

Thank you for reporting the issue.
Fixed in version 2.2.7

[swstyles]

Works great now. Thanks for the quick fix.

[swstyles]

Instead of starting a new thread I will continue to post here since this new issue is related.

When I hard code the dynamicEl object values, every thing works fine after refresh(). As I am moving towards making my lightgallery dynamic I am running into an issue when using fetch() and JSON files. After refresh for some reason the first NEW loaded image is not showing. The thumbnail refreshes but the large image doesn't. Instead it shows the first large image of the previously loaded gallery. If you collapse the gallery and click on the same initial thumbnail again, the correct large image does appear.

You can see the issue here:
http://talent.leightonagency.com/lg_la/sample1.html

Thanks

[swstyles]

I am not sure how to enable CORS on my server.

[swstyles]

looks like I can add the headers in the web.config file.
Can you provide your local server address so I can add it to the allow list?

Thanks

[swstyles]

I went ahead and opened CORS for you. I also fully pathed all links instead of using relative so you don't receive any 404 errors in your local view.

I appreciate all your help on this.

[sachinchoolur]

Thanks for making the changes.

The issue was happening due to the following lines

$dynamicGallery.addEventListener("click", () => {
  dynamicGallery.openGallery(0);
});

The gallery is getting opened when the user clicks on any image as it was added to the container. So the openGallery() method inside getImages function is doesn't have any effect as the gallery is already in the open state.

let me know if you face any issues

[swstyles]

Wow, I just removed that block of code and it works fine now. It's weird because when I hard coded the dynamicEl values it worked fine. It only stopped working when I used imported JSON values.

Thank you for helping me get this working.

Have a good one!