Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

JaySockUser

Members
  • Content Count

    8
  • Joined

  • Last visited

Community Reputation

0 Newbie

About JaySockUser

  • Rank
    Newbie
  • Birthday 04/03/1990

Profile Information

  • Gender
    Male
  1. Update : When I use id selector instead of classes, everything goes wrong. Do you have an idea why ? Is there a difference for GSAP about selection with ID or classes ? If I use classes instead of id, the animation is displaying perfectly... I would love to have more explanations
  2. I will try, but working or not you just gave me a lot of ideas. Thank you very much Rodrigo, I appreciate your comment and your explanation. Edit : After trying there is no differences. But I noticed that in my code pen, I have live modifications on both element when I click and I don't have it on my website. Only the left-element is displaying live changes. I have to understand and to work on it first.
  3. Hi ! Hope you are fine guys, I have a problem with a timeline execution. Here is my code : this is in a click function : tl = new TimelineMax(); tl.to(".office-map", 2, {marginRight: '1800px'}, "s"); tl.to("#office-contact", 2, {left: '800px', onComplete: afterAnimation, onCompleteParams: [toSelect, currentSelected]}, "s"); tl.to(".office-map", 2, {marginRight: 0}, 'b'); tl.to("#office-contact", 2, {left: 0}, 'b'); And here the called function (afterAnimation) : function afterAnimation(toSelect, currentSelected) { currentSelected.re
  4. Ahhh ! Thank you very much ! (by the way, the "xPercent" doesn't work with my code, the ul is stuck). And thank you very much for the link, something I didn't see. You know, sometimes your website is not very easy to handle. At least there is an awesome forum. Thank you again for answering Diaco !
  5. Hi Diaco ! Thank you very much for answering ! Yes you are right, there is my CodePen Demo ! As you can see, your eventCallback suggestion works very well, thanl you ! But my problem is that, the div tomove is still attached to the previous bootstrap col-lg-6, links are not click-able anymore and the span works as if the ul was still here. I know a way to do it with JS / JQ, but it is a bit long. (clone to elem and delete it). If I use this way, I will lose my animation That's why I am wandering if it is possible with tweenmax. I will look at "getBoundingClientRect" by
  6. Hi everyone, I hope you are well ! I am experiencing some troubles with a simple animation. I don't want to explain in detail because my questins are simple : $(".answers-active").on("click", ".faq", function(event) { $this = $(this); event.preventDefault(); $itemActive = $("li.faq.active"); TweenMax.to("div#tomove", 2, {left: "870px", marginRight: "50px", width: "495px", backgroundColor: "rgba(125, 111, 40, 0.5)" }); $toDisplay = $this.find("section.answer"); $("div.col-lg-6 > section#placetoanswer").replaceWith($toDisplay); }); Is it possible to stop jquery exec
  7. Hi Carl, thank you for answering. You are right, it is a bit stupid to come with such a big question. My bad, I wanted to have some return from greensock users experiences, not about "how to make it" but more "how to render" to be honest. cheers
  8. Hi everyone ! Hope you are fine. My question will follow in a few line, but let me introduce my problem with an image : Well, I want to creat a sequence of images. Image 1 has to take image 2 place, image 2 -> image 3, image 3 -> image 4 and image 4 has to take image 1 place. And here is the problem : 4 container that have to be resize. I have no ideas about how to do it. Because it be an infinite sequence with maybe 5s delay between each. Have I to show the risizing and object moving ? But how to make a good transition then. Do I make a shadow on whole image
×