Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

4 Newbie

About Amanda

  • Rank

Profile Information

  • Gender
  • Location
    New York
  • Interests
    Web development, playing music, travel, food.

Recent Profile Visitors

1,587 profile views
  1. I think I need to rethink how I'm doing this a little bit, what you are saying makes a lot of sense. Thank you for your input. I'll post my new code when I'm done working on it.
  2. Hello GSAP! I am working on a function, which is going to trigger timelines to tween to label (which are created within the function) when the relevant div is in view. (The ultimate goal is for there to be an infinite number of divs with class .doubleSlide, and the client will be adding the content). The first trigger works just as I expect timelineID.tweenTo('end' + i); HOWEVER, the tween back to the beginning is not working timelineID.tweenTo('start' + i); I have the triggers logging in the console, to make sure that the calculation of when the divs are in the viewport are co
  3. Amanda

    GSAP image slider

    THANK YOU SO MUCH!! This is what was needed. I couldn't quite see it.
  4. Amanda

    GSAP image slider

    Hello, I'm working on a gsap image slider to specifically meet my needs. I've got it all working as hoped/expected EXCEPT for one thing. The following (line 73) TweenMax.to(slider, 0.25, {x: -tweenD + '%'}); is intended to tween the slider to the relevant slide after clicking the related nav button. Unfortunately it works the first time you click a nav button, but on no subsequent clicks. What is working, is the changing of the 'current' class, which is within the same click function, so it has added to my confusion. Thanks!
  5. Quick question: What is the correct syntax to seek or tweenTo next label in the timeline ? Depending on where the timeline is at that point? Thanks!
  6. Thank you for all the info. I'm certain I'll be using :isActive for a lot of things. I ended up solving this issue by temporarily disabling the mouse wheel and then enabling it again onComplete. Like this: function disable() { document.removeEventListener('mousewheel', Go); document.removeEventListener('DOMMouseScroll', Go); } function enable() { document.addEventListener('mousewheel', Go); document.addEventListener('DOMMouseScroll', Go); }
  7. Sorry, I wasn't clear. Once I've made the tween a variable, how to do I make it actually tween? Something like this? tween.play(); And on a side note, does :isActive also work for timelines??
  8. Hi, thanks for your responses. I'm a little confused about how to use :isActive. It seems like it could be really useful in many situations. If I make a tween a variable, for example: var tween = TweenLite.to($row, 2, { y: '-300%', x: '-0%', onComplete:function(){ tl1.seek('slide5'); enable(); } }); How do I then call it on click? $('#button').click(function(){ call the tween// }); Thanks!
  9. Hi, I have a bit of a unique issue that I'm having trouble solving. The site I am working on is kind of like a big page, where the user mouses around and it explores the page. I got that working (the codepen example is severely simplified). There is also a second functionality - a traditional navigation menu that when the user uses it, they tween directly to the section of the site. I have this working as hoped as well, and the user can mix up using the menu and mousing around. It comes apart in the following situation. If the user chooses to navigate with the menu and then
  10. Thank you, this is pointing me in the right direction for what I'm working on.
  11. Quick question - if it possible to add sound effects to a GSAP timeline?
  12. Hi, I have a pageless site that I'm working on, that has a slightly unusual navigation/ flow. I've got it working almost as it's supposed to. There's two main ways for a visitor to navigate the site. Note: the pages/sections are not presented in a linear fashion. 1. By scrolling they will move on to the next "page" or section. 2. Through the navigation menu they will go directly to the section The issue I am having is can't quite figure out how to make the whole thing loop continuously. When they get to page 9 and they continue to mouse, I'm trying to get it so they just go
  13. Quick question - I'm trying to figure out how to jump ahead in a timeline, just as a temporary measure for working and testing purposes. I'm trying to use seek.();, but it doesn't seem to be working. thanks!
  14. Thanks very much, this led me in the right direction. I actually had to keep the elements as SVG, this is just a quick mock of my issue, it's actually an elaborate svg animation (client stuff that I can't make public). But I found the solution by TweenMax set in the parent element, the div wrapping the whole thing. And it works. I really appreciate the quick response. tl1.set('#animation',{width:'800px'}, 'move');