Image missing when rendered twice


New member
I am currently using lazy load for 360-degree images on my products' page. I need to render twice for the 360-degree image section. I need to do this because there is data that needs to be updated within a certain time frame. However, I'm facing an issue where the first render of the 360-degree image is successful. But when I render it for the second time, the image disappears. I found out that apiReadyCallback on function rotator only work once. How can I overcome this? Thank you.
Last edited:


Staff member
You would need to call api.delete on the first instance of the viewer before initializing a new instance of the viewer on the same HTML element.