cycle2 icon indicating copy to clipboard operation
cycle2 copied to clipboard

scrollHorz with progressive loading results in "broken" transition

Open asgerb opened this issue 11 years ago • 3 comments

Using data-cycle-fx="scrollHorz" and progressive loading of slides results in the outgoing slide being hidden at the moment next is fired.

The "correct" transition (how it works without progressive loading) is for the outgoing slide to be visible during the transition.

asgerb avatar Sep 13 '14 10:09 asgerb

Looking at the demo it seems this is the intended behavior? Just seems funny to me that the automatic transition looks like it should, but the manual doesn't ;)

asgerb avatar Sep 15 '14 09:09 asgerb

This isn't only an issue with that animation. The fade animation is broken as well, indicating this is a problem with the Progressive plugin.

jakeparis avatar Oct 21 '15 16:10 jakeparis

I have found a workaround which fixes the transition:

    $(slideshowSelector).on('cycle-before', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
        $(optionHash.slides).removeClass('cycle-slide-previous');
         $(outgoingSlideEl).addClass('cycle-slide-previous');
    });

    .cycle-slide-previous {z-index:98!important;visibility:visible!important;}

nebulousGirl avatar Jan 26 '17 17:01 nebulousGirl