Get item on beforeChange and afterChange events

[haroldmuns]

How can I get the item from the slide if either the beforeChange or afterChange event is fired?

So rather than:

pswp.listen('afterChange', function() { });

It be:

pswp.listen('afterChange', function($item) { });

[dimsemenov]

pswp.currItem

[haroldmuns]

Is there a way to get the previous and next items as well?

[dimsemenov]

pswp.items pswp.getCurrentIndex()

http://photoswipe.com/documentation/api.html

[azaharakis]

Hi, any plans to pass in item as a parameter, the current implementation makes it very hard to write unit tests. Great Library btw!!

[treiber]

I second that. I can't seem to get this functionality to properly work with my own code.

[mastef]

Note : beforeChange gives you the indexDifference as first parameter.

So if you just opened the gallery, it will be null. If you went from 0 -> 1, it will be 1. You can get the previous index with :

         pswp.listen('beforeChange', function(indexDiff) {
                  var previousItem = (pswp.getCurrentIndex() - indexDiff);
         });

[phoenixdev-kl]

@mastef Lets assume you have 4 items. Problem with your approach is that you get invalid index (-1 instead of 3) when the current item is the first one and you are trying to access the previous one. Good news is that you don't need to do all this calculation, simply use pswp.currItem as suggested by @dimsemenov earlier. The name "beforeChange" might be confusing here as pswp.currItem already contains the "next" item.

[mastef]

@phoenixdev-kl You can use the logic from _getLoopedId which will transform an index like -1 to a valid one. My comment was based on fetching the previously shown slide, not the current/next one.

I think I wrote that initial comment because the parameter is undocumented and not mentioned in the docs.

[phoenixdev-kl]

@mastef Cool ... didn't know about _getLoopedId! 👍 And I absolutely agree that indexDiff parameter should get mentioned in the docs.

@dimsemenov I could add it to the docs, any requirements for pull requests?

[jasomdotnet]

2023 snippet how to get current slide index:

var gallery = new PhotoSwipe( ...
gallery.init();

...

gallery.on('change', () => {
   console.log(gallery); // to find out current option name
   console.log(gallery.currIndex);
});