Questions tagged [photoswipe]

PhotoSwipe is a JavaScript image gallery for mobile and desktop, modular, framework independent.

PhotoSwipe is a javascript-based image gallery for mobile and touch devices. The source code is available on GitHub.

350 questions
1
vote
0 answers

Photoswipe and Infinite AJAX Scroll

First up, apologies for lots of code. Just don't want to miss anything. I am generating images on a page in this format:
j0nr
  • 301
  • 3
  • 13
1
vote
1 answer

Invoking Photoswipe in mixed content blog posts

I'm using Photoswipe on blog posts that contain mixed content, like images, but also text, videos etc., not so much separate galleries with just images. Executing Photoswipe on the entire post seems to apply to more than the
elements alone,…
Jolle
  • 51
  • 5
1
vote
2 answers

How to destroy a JQuery plugin instance before reinitialization? (Photoswipe)

Photoswipe is a Vanilla JavaScript lightbox library. I am using a simple plugin that JQuery-fies Photoswipe. Everything works fine, except when I dynamically load new elements to the gallery and reinitiate the Photoswipe plugin, it starts screwing…
0pt1m1z3
  • 841
  • 3
  • 12
  • 23
1
vote
2 answers

Photoswipe can't list all images on page

I'm using http://photoswipe.com/ to generate a photo gallery on my website, it works fine, but when I add a div inside the gallery loop, it only show some images. Here is my HTML code: https://jsfiddle.net/mjuut2um/ I'm setting the gallery parent…
Bruno Monteiro
  • 712
  • 6
  • 22
1
vote
4 answers

How to make images stretch to fill the available area in PhotoSwipe

I'm hoping to use PhotoSwipe to display all the images in each article on my responsive site, like the gallery you get when you click or tap on an in-content image in http://dailymail.co.uk. The main use is to give users a big view of pics and allow…
And Finally
  • 5,602
  • 14
  • 70
  • 110
1
vote
0 answers

How to stop photoswipe thumbnail click function while swiping parent swiper slide?

I am using photoswipe and swiper plugins for my website. I have fetched photoswipe gallery inside a swper-slide class which is working fine. The problem when I try to swipe the swiper slide the photoswipe thumbnail gets clicked on and brings out the…
rafaislam
  • 11
  • 2
1
vote
0 answers

Photoswipe: move image container vertically upwards

As the title would suggest, I'm trying to shift the position of the image container vertically upwards (this is in order to give more room for my captions on mobile displays). It seems that the image container div (class="pswp__img") sits within…
Lior
  • 21
  • 3
1
vote
4 answers

Photoswipe 4.0: Initiate 'swipe to next' programatically

SITUATION I have been trying to trigger the 'slide to next picture' animation when the NEXT button is clicked, but i have not found a solution for this. There is an ongoing discussion about this on GitHub, but it is only about adding the option for…
Larzan
  • 9,389
  • 3
  • 42
  • 41
1
vote
0 answers

PhotoSwipe gallery thumbnails on multiple pages

I've used the getting started code from the PhotoSwipe documentation to build my simple photo gallery. Some of the larger gallery thumbnails are spread over more than one page. I ended up dividing the large galleries into smaller pages because my…
hareti
  • 41
  • 6
1
vote
1 answer

How do I get Photoswipe to recognize entire gallery from list of thumbnail images

I've set up my Photoswipe 4 thumbnails using Zurb Foundation 5 block grid format, but when a thumb is clicked on, only that one images loads in photoswipe. Is there a way to get photoswipe to recognize that the gallery of images is all of those…
hubbell
  • 13
  • 4
1
vote
3 answers

photoswipe 4 without defining image width and height

I tried the demo from the photoswipe website, which works very well for what I need it for. But would it be possible to use photoswipe without having to define the width and height for every image? I have gallery with about 300 images which are…
1
vote
0 answers

the script that Prevent links in standalone web apps to open on safari blocks photoswipe imagen gallery

I want to create a mobile site that Stay Standalone and don't open link on safari so I use the following script, but this script blocks photoswipe photo gallery. This is the script that prevents photoswipe from working.