glightbox and dynamically added pictures

I am using a glightbox to view images. If the picture was on the page initially, then it perfectly initializes it and works with it. But if the picture is added dynamically, then it does not open the glightbox. How to initialize such pictures?

parthjani7

3 years ago

Best Answer

Level 2

you will need to re-initialize the glightbox after you added images. e.g. glightbox.init()

function addImage() {
  // Add image to the page dynamically
  // ...

  // Initialize glightbox on the new image
  glightbox.init();
}

Please or to participate in this conversation.