I have a View block that renders an entity (node). This node contains a multiple image field that is configured to use the Galleria formatter.
The issue I'm facing is that this view block gets loaded dynamically by an Ajax call that will load different nodes according to the selection of the visitor (one node at a time). On the first load there is no issue, the Galleria shows correctly. On the second call the galleria starts intializing but doesn't show the image, instead I get the following elements on the page:
a. The Info box at the top left of the stage
b. The Loading gif at the top right of the stage
c. The thumbnails at the bottom of the stage
I also noted the following scenarios that can make it work:
1. Refresh the current page and try again: if I simply refresh the page that contains this Ajax view, the galleria starts showing on every loads (first as usual, second, third, fourth etc...). if you open another page and come back to the "galleria" page then it's broken again
2. Click on thumbnail of the second, third etc.. image: if you click on the thumbnail of an image different from the current image, then the stage shows the image and you can come back to the first image with no problem (with no loading delay). this only works if you have more than one image, if only one image is available, clicking on the current image's thumbnail won't do anything.
3. Open/close the overlay: I noticed that opening/closing the overlay (for users with the overlay access) kind of restart (do not misunderstand me, it is very quick) the galleria and thus the first image will show with the "introductory animation".
I think this third point is the most interesting one to help identify and solve this bug.