Commit c6c62a81 authored by Protocole's avatar Protocole
Browse files

Update Slider Animation

parent 8c0bd1ae

docs/js/juxtapose.loader.js

+27 −11
Original line number Diff line number Diff line
@@ -11,9 +11,8 @@ function initSlider() { 
    initiated = true;



    stages = [

        [30, 750],

        [70, 1000],

        [50, 1250]

        [0, 1000], // Percent Time

        [ [100, 5000], 9000 ] // [EndPercent, time], Timee

    ];



    gigotteStages = [
@@ -47,9 +46,20 @@ function setSliderAnims() { 
    time = 0;

    stages.forEach((item) => {

        time += parseInt(item[1]);



        if (!Array.isArray(item[0]))

            setTimeout(() => slider.updateSlider(item[0], true), time);

        else {

            let slideData = item[0];



            for (let percent = 0; percent < slideData[0]; percent++) {

                setTimeout(() => slider.updateSlider(percent, true), time);

                time += parseInt(slideData[1]/100);

            }

        }

    });



    setTimeout(() => {

        time = 0;

        gigotteInterval = setInterval(() => {

            gigotteStages.forEach((item) => {
@@ -57,8 +67,14 @@ function setSliderAnims() { 
                setTimeout(() => slider.updateSlider(item[0], true), time);

            });

        }, 7000);

    }, 17000);

  



    gigotteEvent = document.getElementById("juxtapose").addEventListener("mousedown", (e) => {

        clearInterval(gigotteInterval);

    });

}



function removePercent(num) {

    return num.replace("%","");

}
 
 No newline at end of file

docs/js/juxtapose.loader.min.js

+1 −1
Original line number Diff line number Diff line
@@ -2,4 +2,4 @@ 
 * Copyright (c) 2020 Go2Scale

 * https://go2scale.com

 */

let stages,gigotteStages,time,slider,initiated,gigotte=!1,gigotteInterval=null,gigotteEvent=null;function initSlider(){initiated&&clearInterval(gigotteInterval),initiated=!0,stages=[[30,750],[70,1e3],[50,1250]],gigotteStages=[[47,200],[53,200],[50,200]],slider=new juxtapose.JXSlider("#juxtapose",[{src:"images/with_hub.png"},{src:"images/without_hub.png"}],{animate:!0,showLabels:!0,showCredits:!0,startingPosition:"50%",makeResponsive:!0}),setTimeout(()=>setSliderAnims(),500)}function setSliderAnims(){time=0,stages.forEach(e=>{time+=parseInt(e[1]),setTimeout(()=>slider.updateSlider(e[0],!0),time)}),time=0,gigotteInterval=setInterval(()=>{gigotteStages.forEach(e=>{time+=parseInt(e[1]),setTimeout(()=>slider.updateSlider(e[0],!0),time)})},7e3),gigotteEvent=document.getElementById("juxtapose").addEventListener("mousedown",e=>{clearInterval(gigotteInterval)})}
 
 No newline at end of file
 
let stages,gigotteStages,time,slider,initiated,gigotte=!1,gigotteInterval=null,gigotteEvent=null;function initSlider(){initiated&&clearInterval(gigotteInterval),initiated=!0,stages=[[0,1e3],[[100,5e3],9e3]],gigotteStages=[[47,200],[53,200],[50,200]],slider=new juxtapose.JXSlider("#juxtapose",[{src:"images/with_hub.png"},{src:"images/without_hub.png"}],{animate:!0,showLabels:!0,showCredits:!0,startingPosition:"50%",makeResponsive:!0}),setTimeout(()=>setSliderAnims(),500)}function setSliderAnims(){time=0,stages.forEach(e=>{if(time+=parseInt(e[1]),Array.isArray(e[0])){let t=e[0];for(let e=0;e<t[0];e++)setTimeout(()=>slider.updateSlider(e,!0),time),time+=parseInt(t[1]/100)}else setTimeout(()=>slider.updateSlider(e[0],!0),time)}),setTimeout(()=>{time=0,gigotteInterval=setInterval(()=>{gigotteStages.forEach(e=>{time+=parseInt(e[1]),setTimeout(()=>slider.updateSlider(e[0],!0),time)})},7e3)},17e3),gigotteEvent=document.getElementById("juxtapose").addEventListener("mousedown",e=>{clearInterval(gigotteInterval)})}function removePercent(e){return e.replace("%","")}
 
 No newline at end of file