Jump to content
Search Community

Obonye

Members
  • Posts

    8
  • Joined

  • Last visited

Obonye's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges

1

Reputation

  1. Thank you so much! I like this community.
  2. Hi guys I'm trying to recreate the animation in the link above from codepen into my angular app. I have tried to migrate to the new library but unfortunately there is somethings I'm not getting right. My output comes out blank and the carousel is not draggable infinitely like the codepen example. Here is my code: https://stackblitz.com/edit/angular-ivy-k1acz8?file=src%2Fapp%2Fapp.component.ts Your assistance will be highly appreciated.
  3. It helped a lot. The installation is working well. so this is the blank white screen I'm getting please have a look. The elements only appear after dragging. Thank you for your patience and time. https://stackblitz.com/edit/angular-ivy-k1acz8?file=src%2Fapp%2Fapp.component.ts
  4. Oh snap so I forgot that on Stackblitz because I was rushing to go drop off my daughter at school. However, on vs code I followed the instructions on how to install gsap in Angular but I still get the gsap doesn't have exports error message.
  5. Hi again this is my code: https://stackblitz.com/edit/angular-ivy-k1acz8?file=src%2Fapp%2Fapp.component.ts When running the code in vs code the app is blank and only starts displaying the content after dragging. Also I get those errors on my ide that are on the stackblitz. import { gsap } from "gsap"; import { Draggable } from "gsap/Draggable"; Error in src/app/app.component.ts (12:22) Cannot find module 'gsap' or its corresponding type declarations.
  6. I'm getting an error message when I import gsap. From Some comments I read that there is no need to import gsap because it comes by default but when I try register a draggable plugin I get errors. When I import the error that remains is gsap has no exportable member gsap.
  7. Thanks a lot. I will go through it and try migrate.
  8. Hi guys! I have been trying to add this line to my code: TweenLite.defaultEase = Linear.easeNone; But it is throwing this error: Property 'defaultEase' does not exist on type 'typeof TweenLite'. It seems to function fine on stackblitz but will not do the same on my ide. I am trying to implement a carousel with Angular using the gsap 2 library. If someone can assist with a work around I'd be greatful. Note, i'm new to gsap and I have to submit a challenge in an 3 hours so going through the lessons is not the ideal thing at the moment.
×
×
  • Create New...