Updated plate animation script
Updated the plate animation to slide the plates off as the weight is recalculated and then slides them back on. Still need to delay the html code update.
This commit is contained in:
@@ -109,46 +109,16 @@ function animatePlatesIn () {
|
|||||||
//replaces and animates html for plates required to bar.
|
//replaces and animates html for plates required to bar.
|
||||||
//if statment works but need to figureout how to step animation.
|
//if statment works but need to figureout how to step animation.
|
||||||
if (jQuery('.b-platevisual__plate').length > 0) {
|
if (jQuery('.b-platevisual__plate').length > 0) {
|
||||||
console.log("If Statment Fired")
|
|
||||||
//animates plates off
|
|
||||||
/*jQuery('.b-platevisual__plates--left').animate({
|
|
||||||
opacity: 0,
|
|
||||||
left: "-16%",
|
|
||||||
}, {duration: 500, queue: false });
|
|
||||||
jQuery('.b-platevisual__plates--right').animate({
|
|
||||||
opacity: 0,
|
|
||||||
left: "116%",
|
|
||||||
}, {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: "21%",
|
|
||||||
}, {duration: 500, queue: false });
|
|
||||||
jQuery('.b-platevisual__plates--right').animate({
|
|
||||||
opacity: 1,
|
|
||||||
left: "79%",
|
|
||||||
}, {duration: 500, queue: false });*/
|
|
||||||
//animates plates off
|
//animates plates off
|
||||||
animatePlatesOut();
|
animatePlatesOut();
|
||||||
//updates plates
|
//updates plates
|
||||||
jQuery(".b-platevisual__plates").html(weighthtml);
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
||||||
//animates plates back on
|
//animates plates back on
|
||||||
setTimeout(animatePlatesIn(), 250);
|
setTimeout(animatePlatesIn, 500);
|
||||||
} else {
|
} else {
|
||||||
//updates plates
|
//updates plates
|
||||||
jQuery(".b-platevisual__plates").html(weighthtml);
|
jQuery(".b-platevisual__plates").html(weighthtml);
|
||||||
//animates plates back on
|
//animates plates back on
|
||||||
/*jQuery('.b-platevisual__plates--left').animate({
|
|
||||||
opacity: 1,
|
|
||||||
left: "21%",
|
|
||||||
}, {duration: 500, queue: false });
|
|
||||||
jQuery('.b-platevisual__plates--right').animate({
|
|
||||||
opacity: 1,
|
|
||||||
left: "79%",
|
|
||||||
}, {duration: 500, queue: false });*/
|
|
||||||
//animates plates back on
|
|
||||||
animatePlatesIn();
|
animatePlatesIn();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user