Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Help with lightbox gallery mode #309

Open
Gribnif opened this issue Aug 9, 2021 · 1 comment
Open

Help with lightbox gallery mode #309

Gribnif opened this issue Aug 9, 2021 · 1 comment

Comments

@Gribnif
Copy link

Gribnif commented Aug 9, 2021

I'm having trouble getting lightbox galleries to work. When the lightbox opens, the image and navigation arrows are displayed, however clicking on an arrow does nothing. I've traced through the code and found this line:

    function advanceGallery(e) {
      Functions.killEvent(e);

      var $control = $(e.currentTarget);

      if (!Instance.isAnimating && !$control.hasClass(RawClasses.control_disabled)) {

Instance.isAnimating stays true. This seems to be because this transition never completes:

          Instance.$content.fsTransition({
              property: "opacity"
            },
            function() {
              Instance.$lightbox.removeClass(RawClasses.animating);
              Instance.isAnimating = false;
            });

The second function() is never called. Have you seen this before?

@Gribnif
Copy link
Author

Gribnif commented Aug 12, 2021

Some more details: If I manually modify the div.fs-lightbox-content container, and set the background attribute to 0, the code gets triggered. Apparently, there is something amiss in the way completion of the opacity transition is being detected.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant