stevenhaskell/What_Are_You_Lifting_App
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Wrote test Animation script

Browse Source 
Wrote a test animation script that should animate the plates on and off based off of the content.
This commit is contained in:
Steven Haskell
2018-10-23 00:40:00 -04:00
parent 852bb87ae9
commit 3e033e8978
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
js/plateAnimation.js Normal file
View File

@@ -0,0 +1,37 @@
function test () {
//checks if there are any plates showing
if (document.body.contains('.platevisual__plate')) {
//animates plates off
jQuery('.b-platevisual__plates--left').animate({
opacity: 0,
left: "-=37%",
}, {duration: 500, queue: false });
jQuery('.b-platevisual__plates--right').animate({
opacity: 0,
left: "+=37%",
}, {duration: 500, queue: false });
//updates plates
jQuery(".b-platevisual__plates").html(weighthtml);
//animates plates back on
jQuery('.b-platevisual__plates--left').animate({
opacity: 1,
left: "+=37%",
}, {duration: 500, queue: false });
jQuery('.b-platevisual__plates--right').animate({
opacity: 1,
left: "-=37%",
}, {duration: 500, queue: false });
} else {
//updates plates
jQuery(".b-platevisual__plates").html(weighthtml);
//animates plates back on
jQuery('.b-platevisual__plates--left').animate({
opacity: 1,
left: "+=37%",
}, {duration: 500, queue: false });
jQuery('.b-platevisual__plates--right').animate({
opacity: 1,
left: "-=37%",
}, {duration: 500, queue: false });
}
}