Docs upd: added custom contentRemove handler to <picture> example

dimsemenov · Apr 5, 2023 · ac0188b · ac0188b
1 parent 2d8a911
commit ac0188b
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/docs/custom-content.md b/docs/custom-content.md
@@ -87,6 +87,17 @@ lightbox.on('contentAppend', (e) => {
   }
 });
 
+// for next/prev navigation with <picture>
+// by default PhotoSwipe removes <img>,
+// but we want to remove <picture>
+lightbox.on('contentRemove', (e) => {
+  const { content } = e;
+  if (content.pictureElement && content.pictureElement.parentNode) {
+    e.preventDefault();
+    content.pictureElement.remove();
+  }
+});
+
 lightbox.init();
 ```