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
1 answer

Can't include png and svg files loaded from a CSS in the node module directory through webpack

I'm using a module called React-Photoswipe, which require me to import a CSS file that contains PNGs and SVGs in the node_module folder: My import statements: import { PhotoSwipe } from 'react-photoswipe'; import…
MCSLI
  • 321
  • 4
  • 6
1
vote
1 answer

Photoswipe JS error on line 1358 Initial Layout

I've been at this for like 16 hours now, so its time to post on SO!!! I am trying to query a database for img URLs, encode that into an array (presumably with JSON), then retrieve that information via AJAX request, then insert that information into…
1
vote
1 answer

Prevent Swiping/Dragging of slides in PhotoSwipe

I can not seem to get Photoswipe to prevent a drag/swipe from changing slides (so only the arrows go to the previous/next slides) The issue is that I've got a HTML slide with touch events inside it, but photoswipe's touch events are superseding them…
Chenzo
  • 325
  • 1
  • 5
  • 17
1
vote
0 answers

How open photoswipe gallery only with a single button

I follow this example until the step 3 : http://photoswipe.com/documentation/getting-started.html Iwould like the gallery is oppening only when i click on the button... i don't understand why each time i refresh the page the gallery is already open…
1
vote
0 answers

Ruby on rails and photoswipe

Im having a bit of trouble making photoswipe work for my rails project. I can show url images using href in the lightbox type gallery by photoswipe but when I try to show pictures uploaded by users and use the image_tag it will not work! The code…
Oliver Howes
  • 161
  • 1
  • 3
  • 9
1
vote
0 answers

Is it possible to use photoswipe with ng-click?

I am trying to use a photoswipe gallery in angular, but it does not work if I try to add a custom button with ng-click on it. Please see an example with ng-click here. Just open an image and click on the top-left custom button.
Levi F.
  • 91
  • 1
  • 2
  • 13
1
vote
1 answer

How to avoid PhotoSwipe zoomed to image original size in SmartSevice?

I use PhotoSwipe with angularJS to display image.But when I click the image in SmartDevice, the default mode is set to 'zoomIn' which is too big to see the image. I mean, when I click an image like this It became this: but I want it to become…
chii
  • 2,111
  • 3
  • 17
  • 21
1
vote
0 answers

Photoswipe - thumbnails on fullscreen mode

I'm having jCarouselLite with photo thumbnails. When photo is clicked - it launches Photoswipe in fullscreen mode. In this fullscreen mode I would like to have those thumbnails (jCarouselLite) at the bottom of fullscreen photo from Photoswipe. Those…
1
vote
1 answer

photoswipe fullscreen button missing on mobile devices

Using this link: http://webdesign.tutsplus.com/tutorials/the-perfect-lightbox-using-photoswipe-with-jquery--cms-23587 i have been able to insert photoswipe into my website. Unfortunately i cant get the fullscreen button visible on mobile devices,…
PcPulsar
  • 444
  • 6
  • 18
1
vote
1 answer

How to disable Photoswipe Animation for Thumbnails

I do have square thumbnails and due to the animation on clicking on thumbnails the large images are not shown properly because they are stretched. So I would like to disable the zoom-animation for thumbnails. How do I have to set these settings?…
user2814794
  • 81
  • 1
  • 1
  • 7
1
vote
0 answers

PhotoSwipe: Responsive Images Example

Using the JS from this CodePen http://codepen.io/dimsemenov/pen/ZYbPJM I want to add responsive images as functionality. Can I simply replace: // create slide object item = { src: linkEl.getAttribute('href'), …
moderntimes
  • 389
  • 1
  • 3
  • 16
1
vote
1 answer

Magnific vs PhotoSwipe

I'm sure this question has been asked and answered before but I can't find it so I apologize in advance. Since Dmitry is the author of both and the look very similar, I'm wondering what the major differences are and why I should might choose one…
Jay Mathis
  • 1,145
  • 2
  • 7
  • 9
1
vote
1 answer

PhotoSwipe with Polymer misalignment

I'm trying to make a small web-app using Polymer, based on the Nav + List + Detail-layout example they have provided. For part of my web-app I want to make a photo gallery. Luckily, there's an element for that. Unfortunately, there's no element for…
jdepypere
  • 3,453
  • 6
  • 54
  • 84
1
vote
0 answers

Photoswipe use
parent container as gallery item

I'm struggling to get PhotoSwipe to work with the markup I need. I know the fix is fairly easy, but I can't seem to get it to work properly. Here's the issue: The Markup on the Getting Started Page is fairly simple:
1
vote
1 answer

Using photoswipe run a iframe video in lightbox

i'm using photoswipe to view images in lightbox and also iframe videos too.but is not working in iframe.how can i code to view videos in photoswipe lighbox. and i try this. HTML
TM Dinesh
  • 210
  • 3
  • 13