sequencejs
Version:
The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
1 lines • 2.17 kB
JavaScript
var sequenceElement=document.getElementById("sequence"),sequenceViewCodeButtons=document.querySelectorAll(".seq-view-code"),options={phaseThreshold:100,preloader:!0,reverseWhenNavigatingBackwards:!0,fallback:{speed:300}},mySequence=sequence(sequenceElement,options),codePane={$openElement:void 0,$openButton:void 0,getTarget:function(a){var b,c;return b=a||window.event,c=b.target||b.srcElement},getWindowSize:function(a){return"undefined"!=typeof getComputedStyle?window.getComputedStyle(a,":after").getPropertyValue("content").replace(/\"/g,""):!1},init:function(){var a,b,c,d,e=mySequence.$pagination.elements[0],f=mySequence.$canvas;mySequence.utils.addEvent(sequenceElement,"click",function(e){"large"!==codePane.getWindowSize(f)&&(d=codePane.getTarget(e),"seq-view-code"===d.className?(b=d.parentNode,a=b.parentNode,c=d,codePane.toggle(a,b,c)):"LI"===d.nodeName&&codePane.hide(a,!0,codePane.$openElement))}),mySequence.utils.addEvent(e,"click",function(a){var b,c,e;d=codePane.getTarget(a),"large"!==codePane.getWindowSize(f)&&(b="LI"===d.parentNode.nodeName?d.parentNode:d.parentNode.parentNode,c=[].indexOf.call(b.parentNode.children,b),e=mySequence.$steps[c],codePane.hide(e,!0))})},toggle:function(a,b,c){var d=b.getAttribute("data-is-open");"true"!==d?codePane.show(a,b,c):codePane.hide(a,!0,b,c)},show:function(a,b,c){mySequence.utils.addClass(a,"seq-code-pane-open"),mySequence.utils.removeClass(a,"seq-code-pane-snap-shut"),c.innerHTML='<i class="fa fa-angle-double-down"></i> Hide Code',b.setAttribute("data-is-open",!0),codePane.$openElement=b,codePane.$openButton=c},hide:function(a,b,c,d){void 0===c&&(c=codePane.$openElement),void 0!==codePane.$openElement&&(void 0===d&&(d=codePane.$openButton),a=c.parentNode,b===!1&&mySequence.utils.addClass(a,"seq-code-pane-snap-shut"),mySequence.utils.removeClass(a,"seq-code-pane-open"),d.innerHTML='<i class="fa fa-angle-double-up"></i> Show Code',c.setAttribute("data-is-open",!1),codePane.$openElement=void 0,codePane.$openButton=void 0)}};mySequence.ready=function(){codePane.init(sequenceViewCodeButtons)},mySequence.animationStarted=function(a,b){var c=b.$steps[b.currentStepId-1];codePane.hide(c,!1)};