Override 'next' and 'previous' behavior?

[yarozar]

Can I override 'next' and 'previous' buttons in Modal Gallery?

What I want is to be able to reload Images[] upon clicking 'next' on last image or 'prev' on first - i.e. implement sort of pagination for the gallery and load images in chunks.

[Ks89]

Hi @yarozar,
you cannot override that functions, but you can listen for events.
In this repo there are official example projects. You can listen for events in this way HERE and implement your logic. Since you pass the array of images, you know the length, then in the event listener you can implement your logic.
However, your scenario is more complex. I never tried to fully replace the image array in this event, but only removing/adding images using the before/after hooks of upper buttons.

This could be an interesting feature for future releases and if someone want to contribute with a PR.

Why do you need this? The library already load images only when needed, storing in array of Image objects only URLs.

[yarozar]

@Ks89 , yes, I already did it that way. Though I have left it buggy in case there are 2 or 1 images only - in that case I was unable to identify if I should go forward into next chunk of images or backwards into previous. :)

BTW from this comes another question/feature request which maybe more straightforward and easier to implement - would be useful to get more detailed information about user action inside ImageModalEvent.action - i.e. was it mouse click on right arrow navigation icon OR left arrow keyboard click, etc.

I have big gallery built on my own, with thumbnails and pagination. Modal Gallery being triggered when user clicks on thumbnail and in that case I populate it with current chunk of images. I made it 'infinite' scroll, when user reaches last image in Modal Gallery - I se a flag like isPrevImgLast=true, if next show$ is first image - then I check for isPrevImgLast and if all true - reload gallery with next chunk of images. Same for flow first image -> last image in opposite direction.

[Ks89]

I'm sorry for the huge delay, but I'am really busy this week.
I'll try to read and answer and your issues next week.

[Ks89]

would be useful to get more detailed information about user action inside ImageModalEvent.action

@yarozar totally agree with you about this. This could be interesting.