Basic

Use data-provide="photoswipe" to enable PhotoSwipe for child images. You may want to take advantage of the Bootstrap griding system to arrange your images.

...
...
...
...

Original image

You can specify the following attributes for an img tag to load the original image instead of a thumbnail upon clicking on the thumbnail:

  • data-original-src : The url of original image
  • data-original-src-width : The width of original image
  • data-original-src-height : The height of original image