Jump to content
Search Community

timmen22

Members
  • Posts

    1
  • Joined

  • Last visited

timmen22's Achievements

0

Reputation

  1. Hi all, I am trying to make some sort of a dynamic play function. But.. I am have some difficulties to make it work! My timeline: var slide1 = new TimelineMax({paused: true, onComplete:slide1DoneFunc}) ; var homeIntro = $(".verticalHelper"); var text1 = $(".homeText1"); var text2 = $(".homeText2"); var text3 = $(".homeText3"); var text4 = $(".homeText4"); var clickExplore = $("#centerBottom"); slide1.set(homeIntro,{display:"block"}) .set(clickExplore,{display:"block"}) .to(text1,0.5,{opacity: 1, ease:Power1.easeIn}) .to(text2,0.5,{opacity: 1, ease:Power1.easeIn}) .to(text3,0.5,{opacity: 1, ease:Power1.easeIn}) .to(text4,0.5,{opacity: 1, ease:Power1.easeIn}) function slide1DoneFunc() { console.log("done!") } To play the timeline I am using this code: (which works, but not dynamically) $(".play").click(function() { slide1.play(); }); In order to retrieve the value "slide1" I made a variable. The variable is updating once a vistor is visiting the next slide. I want to pass the value of the variable into the play(); function. Please take a look at the code below. $(".play").click(function() { $currentSlidePlay = $currentSlide.attr("id"); $currentSlidePlay.play(); }); In other words, I would like to achieve this: $variable.play(); It would be great if someone can help me. Thanks in regards! Tim
×
×
  • Create New...