I have successfully created a slideshow, but I am facing an issue with looping it continuously. Currently, I have implemented a click event to restart the script, but I want it to loop without the need for any interaction.
window.CP.exitedLoop(0);function rotateInfo() {
var tl = new TimelineMax();
tl.add("likely");
tl.to($(".p1"), 0.3, {
scale: 1.3,
transformOrigin: "50% 100%",
fill: $blue,
ease: Bounce.easeOut },
"likely").
to($effect, 0.3, {
y: -10,
ease: Circ.easeOut },
"likely").
to($eLine, 0.3, {
ease: Sine.easeOut },
"likely").
fromTo($(".d1"), 0.3, {
opacity: 0,
scale: 0.7
}, {
opacity: 1,
scale: 1,
ease: Back.easeOut
},"likely").
to($m1, 0.3, {
fill: $green,
ease: Circ.easeOut
},"likely");
tl.to($(".p1"), 0.3, {
scale: 1,
transformOrigin: "50% 100%",
fill: $reg,
ease: Back.easeIn
},"likely+=1.25").
to($effect, 0.3, {
y: 0,
ease: Circ.easeIn
},"likely+=1.25").
to($eLine, 0.3, {
ease: Sine.easeIn
},"likely+=1.25").
to($(".d1"), 0.3, {
opacity: 0,
scale: 0.7
},"likely+=1.25").
to($m1, 0.3, {
fill: $mReg,
ease: Circ.easeIn
},"likely+=1.25");
tl.to($circ, 1, {
rotation: -41
},"likely+=1.25");
tl.timeScale(0.7);
return tl;
}
var master = new TimelineMax();
master.add(rotateInfo(), "rotateInfo");
/* Automatically loop the script */
// code for auto-loop goes here
I need assistance in modifying this script to automatically loop without requiring a click or replay button. Your help is much appreciated.