Stack Overflow
Stack Overflow

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
2 answers

How to initialize the gallery on webpage load?

In the photoswipe documentation there's the code, which opens the gallery on the thumbnail click. What I am trying to do is to open the gallery (fist slide) on the webpage load. I've tried to call openPhotoSwipe(); function from the different areas…
Matt D.
  • 33
  • 7
1
vote
0 answers

How to include all pictures of site within PhotoSwipe?

I've just set up photoswipe, but my architecture of an existing site doesn't allow me to build the common photoswipe-architecture: https://codepen.io/dimsemenov/pen/ZYbPJM My site has a more complex structure with more parent
tags around the…
Malte
  • 454
  • 2
  • 5
  • 20
1
vote
1 answer

How to dynamically render strings in Vue?

I am pulling an array on images from Netlify CMS and passing that to vue-picture-swipe component, but the acutal images don't render, even though the path is correct etc. Not sure what I am doing…
Dan
  • 1,536
  • 4
  • 17
  • 31
1
vote
1 answer

How can I integrate Photoswipe and Swiper together?

So I've been trying to figure out the best way to use both of these libraries together, but I've been having a hard time. The best thing I've found is this CodePen (https://codepen.io/ezra_siton/pen/XNpJaX) but it seems incredibly overcomplicated…
user5113508
1
vote
1 answer

Disable/Prevent PhotoSwipe Launch on Anchor Click

It's a Flickity carousel which contains images that open in PhotoSwipe. There are a tags within the Flickity Slides which "work", but the PhotoSwipe modal flashes prior to the window.location changing (default HTML click). I need some kind of test…
MikeiLL
  • 6,282
  • 5
  • 37
  • 68
1
vote
1 answer

Multiple Button to Open Associated Image of Photoswipe

Supposed we have 2 images. Using Photoswipe js below, i will have second button beside 'btn', so that when clicking the other button, it will directly open second image at first, instead of the first image. So we will do this…
Ray
  • 35
  • 5
1
vote
1 answer

Photoswipe doesn't display some images in Rails app

I have a gallery of images, and by clicking on them, Photoswipe is opened. When I begin to list the images, some of them are not displayed, I can see only a black screen instead of an image. But when I reload the page, click the image - all of them…
Alex Zakruzhetskyi
  • 1,383
  • 2
  • 22
  • 43
1
vote
0 answers

Photoswipe Integration for Blogger

I know it is not a simple question or demand. But I searched for a solution, could not find. I want to use PhotoSwipe (http://photoswipe.com/) for my portfolio website, but I do not know how to integrate in blogger. By the way, I am using…
Ahmet
  • 15
  • 4
1
vote
1 answer

photoswipe opening wrong image after filter is applied

After I apply a filter (setting some images to display none depending on class names). Photoswipe is opening according to the index number each image originally had. The array that photoswipe is pulling from is updated to only include filtered…
Badetv
  • 81
  • 6
1
vote
1 answer

Smoothstate.js - removeClass not working onReady function

I'm using Smoothstate.js to add page transitions to my website and I'm trying to show a loading page between each page transition using the onStart, onProgress and onReady functions. The code I have works, but every now and again it get's stuck on…
Shaun
  • 757
  • 1
  • 8
  • 36
1
vote
0 answers

How To Apply Star Rating to Images in Photoswipe

I use Photoswipe Ver 4.1.1 to view images. In the HTML markup I have an attribute called 'star-rating' that contins a number. In Photoswipe initialization I am adding this value to the Item[] array like so... code is approx line #835 // create slide…
Wes
  • 11
  • 3
1
vote
0 answers

Photoswipe: write caption on top of thumbnails

I'm using Photoswipe to create a dynamic gallery, and I've followed the instruction on the official webiste: http://photoswipe.com/documentation/getting-started.html I want to add a caption on top of each image thumbnail, as shown in this…
Trial4life
  • 143
  • 1
  • 12
1
vote
1 answer

Take image sizes and generate gallery from folder

I want to create Gallery using Photoswipe plugin but I want to show thumbs and images automatically form folder. Photoswipe requires the size of the image, so I want the script to take the size of each image. Pictures in folder are numbered from…
Rafaucau
  • 323
  • 2
  • 20
1
vote
1 answer

Webpack require other libraries

I am trying to get my assets working with a webpack configuration. I have split all my JS from one large .js file into separate ones with a main application.js file that requires them all. Now one of these files:- gallery.js needs the PhotoSwipe…
rctneil
  • 7,016
  • 10
  • 40
  • 83
1
vote
1 answer

Mix PHP and Javascript in Laravel

I am using the PhotoSwipe in my project to display Photos in a cool progressive way. I want to iterate through a relationship between and arrangements and images. I can print out with console.log() the number of images. It works. 1 Question: I want…
Mike
  • 111
  • 1
  • 10
1 2 3
…
23 24