Jump to content
GreenSock

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

Tweening string items

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey guys, I have a gallery which brings in a .png text headline for every frame. As the gallery auto plays or as the user swipes through, each headline pops on and off the screen as it should. I'm having a hard time figuring out how to attach a greensock tween to each string item. Any ideas?

    gwd.galleryText = function(event) {
      var gallery = document.getElementById('gwd-swipegallery_1');
      var div = document.getElementById('my-div');
      var text = {
        1: "<img src='assets/headline1.png'>",
        2: "<img src='assets/headline2.png'>",
        3: "<img src='assets/headline3.png'>"
      };
      div.innerHTML = text[gallery.currentIndex];
    };
Link to comment
Share on other sites

Not sure I understand fully what you want to do ... but it sounds like you want a gallery of timelines that should each only play when in the gallery viewport. Is this right?

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×