Image missing when rendered twice

Chrome

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:

ForumAdmin

Administrator
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.
 
Top