Previous/Back, not triggering

[Martin-Pitt]

From the demo it seems that going backwards doesn't trigger correctly? E.g. fragment two, back and it doesn't show fragment one

[davedupplaw]

I've just been using this to zoom around an SVG and found the same problem. I got around it by changing the fragment definition from a single function to an object with two functions: one for show and one for hide. I edited the fragments method to register the hide function too:

    SlideBuilder.prototype.fragments = function (callbacks) {
        var self = this;
        callbacks.forEach(function (obj) {
            let frag = self.addFragment();
            frag.addEventListener('shown', obj.show);
            frag.addEventListener('hidden', obj.hide);
        });

        return this;
    };

Then you have to define both the forward and backward movements, e.g:

new SlideBuilder(element).fragments([ {
      hide: () => element.style.transform = 'scale(1.0) translateX(0)',
      show: () => element.style.transform = 'scale(3.8) translateX(-650px)'
} ])