This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 11 - Pages: 1 - Last Post: 20-Jan-2018 00:30 Last Post By: fromatoz
fromatoz

Posts: 22
Registered: 31-Mar-2008
PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 30-Dec-2017 13:04
 
  Click to reply to this thread Reply
The only thing I miss in PhotoSwipe is a simple transition effect when clicking (or tapping) "next slide" or "previous slide".

As it is now the change between slides feels a little bit too abrupt.

Would it be difficult to implement this feature?

I could try myself if someone would give me a hint where to put the code.

Thank you!
AndreWolff

Posts: 2,237
Registered: 14-Dec-2007
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 06-Jan-2018 17:11   in response to: fromatoz in response to: fromatoz
 
  Click to reply to this thread Reply
fromatoz wrote:
The only thing I miss in PhotoSwipe is a simple transition effect when clicking (or tapping) "next slide" or "previous slide".

As it is now the change between slides feels a little bit too abrupt.

Would it be difficult to implement this feature?

I could try myself if someone would give me a hint where to put the code.

Thank you!

Yes, that could be improved.
I hope that the creator of the lightbox comes with a slideshow in the next version.
If you like to implement it yourself, see files slidepage.js and indexpage.js
fromatoz

Posts: 22
Registered: 31-Mar-2008
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 07-Jan-2018 11:48   in response to: AndreWolff in response to: AndreWolff
 
  Click to reply to this thread Reply
Thanks for your kind answer.
I'm probably not code literate enough to do it myself, but I'll try. :-)

Edit: I found this:
https://github.com/dimsemenov/PhotoSwipe/pull/1262
and this:
https://github.com/dimsemenov/PhotoSwipe/pull/1262/files
but have no idea how to do.
Well, I just leave it as it is.

Edited by: fromatoz on 07-Jan-2018 13:39
AndreWolff

Posts: 2,237
Registered: 14-Dec-2007
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 07-Jan-2018 18:55   in response to: fromatoz in response to: fromatoz
 
  Click to reply to this thread Reply
I Will investigate that, but it will take at least 5 weeks before I have time to do that.
fromatoz

Posts: 22
Registered: 31-Mar-2008
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 07-Jan-2018 20:41   in response to: AndreWolff in response to: AndreWolff
 
  Click to reply to this thread Reply
oh, thank you!
AndreWolff

Posts: 2,237
Registered: 14-Dec-2007
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 09-Jan-2018 21:27   in response to: fromatoz in response to: fromatoz
 
  Click to reply to this thread Reply
fromatoz wrote:
Edit: I found this:
https://github.com/dimsemenov/PhotoSwipe/pull/1262

I did a quick test:

Here is an album with slide animations: https://www.andrewolff.nl/TestAlbum/Vecht_SaharaN_PS_Transitions/index.html

and here is the same album without slide animations:
https://andrewolff.jalbum.net/Vecht_SaharaN_PS/

I am not sure yet whether I am going to implement this in the PhotoSwipe skin, because this modification is not (yet) supported by Dimsemenov!
fromatoz

Posts: 22
Registered: 31-Mar-2008
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 09-Jan-2018 22:59   in response to: AndreWolff in response to: AndreWolff
 
  Click to reply to this thread Reply
Oh, that's perfect!
Exactly what I am looking for.
The animated slideshow feels sooo much smoother.
I'd LOVE to have this for my own gallery.
But thank you for testing anyway :-)

Edit:
With your kind help I was able to get it work on my site.
It's just a small, simple gallery of Japanese calligraphy:
http://www.mount-sushi.com/calligraphy/gallery/index.html
Thank you.

Edited by: fromatoz on 10-Jan-2018 08:14

Edited by: fromatoz on 10-Jan-2018 08:17
AndreWolff

Posts: 2,237
Registered: 14-Dec-2007
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 10-Jan-2018 17:46   in response to: fromatoz in response to: fromatoz
 
  Click to reply to this thread Reply
Attachment photoswipe.min.js (31.1 KB)
fromatoz wrote:
With your kind help I was able to get it work on my site.
It's just a small, simple gallery of Japanese calligraphy:
http://www.mount-sushi.com/calligraphy/gallery/index.html
I don't know what you did, but if you replace file photoswipe.min.js in the res directory of your albums or in the skin directory with the attached file, you will get slide transitions.

I have to do more checks and tests before I can release it in the skin, but please test the attached file and let me know if you see problems.
Try also the slide show option (see slide page settings) in your album!
fromatoz

Posts: 22
Registered: 31-Mar-2008
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 10-Jan-2018 21:13   in response to: AndreWolff in response to: AndreWolff
 
  Click to reply to this thread Reply
Thanks for the attached file, but I think I already have it :-)

That's what I did:

  • Right clicked to "view page source" of your page with the animated slides.
  • Scrolled to the bottom, clicked on each file sitting in your res folder, checked your comments and the code.
  • Understood that you (probably) modified 2 files: photoswipe.js and slidePage.js
  • Since I couldn't find photoswipe.js in my res folder, I guessed that photoswipe.min.js must be the same file (just minimized), did a search on the internet, et voilà, found jscompress.com, pasted the code of your photoswipe.js file in the box and got the compressed file, which then I uploaded to my site.

Except of basic html and css I don't know anything about programming, but I can smell somehow how things work on the internet. 笑

So far, the transition works fine, tested it on firefox / chrome / edge (desktop) as well as on my (rather outdated) Japanese mobile phone.

I still have to check the slide show option as you mentioned.

Again, many thanks for your assistance!
fromatoz

Posts: 22
Registered: 31-Mar-2008
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 12-Jan-2018 12:35   in response to: AndreWolff in response to: AndreWolff
 
  Click to reply to this thread Reply
AndreWolff wrote:
Try also the slide show option (see slide page settings) in your album!

I tried and the slide show option works so far.

But: It stops after the last slide, even when the check box "Stop after the last slide" is not checked.

(Tested with Windows 10, Firefox / Chrome / Edge browser)
AndreWolff

Posts: 2,237
Registered: 14-Dec-2007
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 13-Jan-2018 12:49   in response to: fromatoz in response to: fromatoz
 
  Click to reply to this thread Reply
fromatoz wrote:
AndreWolff wrote:
But: It stops after the last slide, even when the check box "Stop after the last slide" is not checked.
Thanks for reporting this bug, it will be solved in the next version.
fromatoz

Posts: 22
Registered: 31-Mar-2008
Re: PhotoSwipe 1.7.6 - Transition effect from slide to slide (fade in/out)
Posted: 20-Jan-2018 00:30   in response to: AndreWolff in response to: AndreWolff
 
  Click to reply to this thread Reply
Your latest version (1.7.7.) works perfect.
Thank you!
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums