Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

5 Newbie

About InTheOne

  • Rank

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hi! My fault I did not add the objects into the Config object properties vars (I'm combining two examples into one with this slider). Actually, I have not seen the vars list (in middle of this page: https://greensock.com/docs/v2/Utilities/Draggable) until now which makes things so much easier 😅. @PointC I'm actually creating 3 different versions of your slider now. They are all still in development but very close to being done. As soon as I get them finished I'll create a simple version of them for CodePen 👍.
  2. This slider by Blake Bowen has and if statement like this: if (draggable.isPressed || draggable.isDragging || draggable.isThrowing) { It looks like the .isPressed and .isDragging no longer works in the V2 of Draggable. Is there an alternative I can use? https://codepen.io/osublake/pen/veyxyQ
  3. Thank You! I'll post my version which is going to be a simpler hero slider that is not full screen when I'm done. Much appreciated.
  4. I made a simpler example to troubleshoot why the drag function is not updating the active slide count: https://codepen.io/jonroc/pen/ZEGRRLY function slideAnim(e) { oldSlide = activeSlide; // dragging the panels if (this.id === "dragger") { activeSlide = offsets.indexOf(this.endX); console.log(activeSlide); } On the old setup the activeSlide variable is getting updated properly but with GSAP3 it always returns -1
  5. Oh, no that fixed the issue for me in my application. I'm not sure what would be different about my setup to where I needed the 0 for it to work.
  6. Hi, sorry for the slow responce. This issue was that I did not have a 0 in front of my .5rem. When I added that it solved the issue.
  7. Hey, the man himself 😁. Thank you, I'm much closer now but: There is an issue with the dots stagger animation Sometimes when I swipe right to left and then try to click the left arrow it gets stuck or I click the right arrow and it jumps way back to slide one or two. Sorry I thought this would be a little bit easier, this slider is a bit out of my level of expertise. Best.
  8. I'm trying to convert Craig Roblewsky's CodePen Horizontal full-screen slider w/4 controls to GSAP 3 but I'm getting a console log error that I don't understand. Can anyone take a look and see if it's a simple fix? I'd like to use this slider with GSAP3. Thanks!
  9. Ah, I was using ".5rem" instead of "0.5rem" which was actually causing the problem.
  10. +1 for full rem support 😀, I just spent an hour and a half trying to figure out why my animation did not look right only to find out it was related to use rem.
  11. That is great! I'm including my new Pen in case anyone else wants to do a simpler version of the airplane CSS sprite. https://codepen.io/jonroc/pen/BayYKYM
  12. On Firefox my fancy cat walk does not work at all on my website: https://phpstack-74099-1024495.cloudwaysapps.com/ On Codepen it works jankely. How can I get this sweetness working on Firefox?
  13. Yes, thank you. I didn't even think of using .each( ) ?, sometime I get stuck on one thing and get blinded. This is exactly what I was going for. Thanks!
  14. I was trying to create a simple button hover effect using the jQuery(this) on the button. When you swipe your mouse over the button real fast the hover out animation triggers and does not allow the hover in animation to finish. This causes the button to get smaller and smaller and causes the text to stack up. I've seen solutions for this problem but none of them allow me to use jQuery(this) in the timeline. Any help would be much appreciated. ?
  15. I'm new to GSAP. Can anyone help me figure out why my animation is running before it's triggered by ScrollMagic?