Jump to content
GreenSock

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

timaging

Members
  • Posts

    250
  • Joined

  • Last visited

Posts posted by timaging

  1. Hi,

     

    I'm working with a big client that used GS as their main banner ad platform. We have a request to do some ads that would include video.

     

    Is this possible in GS and if so, are there any tutorials and samples that I can look at?

    Thanks

    dave

  2. yep.. i used to be able to supply 2 separate files and they did the connections. Now, it's one file, but I can't seem to get the vendor to send me a file so that I can continue to do the production. I need to know how to do it all in one file.

     

    Typically I use Animate, but I can't do it in that program. I'd like to take a shot at doing it with greensock. 

  3. this almost works. Still some of the graphics aren't resetting, and ideally once it resets, it wouldn't reset again, until after additional mouse movement.

     

    we can hold off on this for now. I can't figure out why everything isn't resetting and need to look in to that. I'm just hoping now that the client went with the Plan B approach.

     

    Thanks

    Dave

  4. yeah, I read over the docs, poured over all kinds of stuff and could never figure out how to apply it to what I was doing. I'll look again.

     

    I think what I really need is a base course in scripting. Online courses don't work for me though. I need to be able to ask questions along the way...

  5. Hi,

     

    I have this setup and am trying to time scale just the second half. Right now they all come in using 0.1 and I want to change the timescale of the second half. This all needs to loop, so I tried multiple timelines, but they were overwriting each other on playback. I've named the ones I want to go slower as "labelSLOWER". I have a hunch this can't be done, but just checking:

     

    var mainIntroIn:TimelineMax = new TimelineMax({repeat:-1});

     

     

     

    mainIntroIn.appendMultiple([new TweenMax(labelREGULAR,  1, {alpha:1, ease:Quad.easeInOut}),

                                                 new TweenMax(labelREGULAR,  1, {alpha:1, ease:Quad.easeInOut}),

                                                 new TweenMax(labelREGULAR,  1, {alpha:1, ease:Quad.easeInOut}),

     

     

                                                 new TweenMax(labelREGULAR,  1, {alpha:0, ease:Quad.easeInOut, delay:6}),

                                                 new TweenMax(labelREGULAR,  1, {alpha:0, ease:Quad.easeInOut, delay:6}),

                                                 new TweenMax(labelREGULAR,  1, {alpha:0, ease:Quad.easeInOut, delay:6}),

     

     

                                                 new TweenMax(labelSLOWER,  1, {alpha:1, ease:Quad.easeInOut, delay:6}),

                                                 new TweenMax(labelSLOWER,  1, {alpha:1, ease:Quad.easeInOut, delay:6}),

                                                 new TweenMax(labelSLOWER,  1, {alpha:1, ease:Quad.easeInOut, delay:6}),

     

       

     

                                                 new TweenMax(labelSLOWER,  1, {alpha:0, y:"30", ease:Quad.easeInOut, delay:16}),

                                                 new TweenMax(labelSLOWER,  1, {alpha:0, y:"30", ease:Quad.easeInOut, delay:16}),

                                                 new TweenMax(labelSLOWER,  1, {alpha:0, ease:Quad.easeInOut, delay:16})], 0, TweenAlign.NORMAL, 0.1);

     

     

     

    Thanks!! 

    Dave

     

  6. ok, well it looks like I have something working. In my head, this doesn't make sense but I just tried it and it does what I need. I'm basically trying to add pauses within the timeline. Pause doesn't actually do that, because it doesn't look like you can tell it when to start again, or at least that's how I read it because there isn't an example of that:

     

    var mainIntroIn:TimelineMax = new TimelineMax({repeat:-1});

     
     
     
    mainIntroIn.appendMultiple([new TweenMax(label,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenMax(label,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenMax(label,  1, {alpha:1, ease:Quad.easeInOut}),
          
     
                               new TweenMax(label,  1, {alpha:0, ease:Quad.easeInOut, delay:6}),
                               new TweenMax(label,  1, {alpha:0, ease:Quad.easeInOut, delay:6}),
                               new TweenMax(label,  1, {alpha:0, ease:Quad.easeInOut, delay:6})], 0, TweenAlign.NORMAL, 0.1);
  7. Hi Carl,

     

    Normal did not work either... here is a shortened version. I also did try reading over that page and I couldn't figure it out. I think I must have spent 3 hours trying to search for the answer. Also note that normal is case sensitive... it didn't work as lower case, so that could be an issue too with why this isn't workin:

     

    var mainIntroIn:TimelineMax = new TimelineMax({repeat:-1});

     
     
     
    mainIntroIn.appendMultiple([new TweenMax(LMlogoH,  1, {alpha:1, ease:Quad.easeInOut}),
     
      
             new TweenMax(line02,  1, {alpha:1, ease:Quad.easeInOut, delay:2}),
      
     
                               new TweenMax(s0101,  1, {alpha:0, ease:Quad.easeInOut}),
     
     
                               new TweenMax(awardLogo,  1, {alpha:0, ease:Quad.easeInOut})], 0, TweenAlign.NORMAL, 0.1);
  8. and this time I tried going old school, so that I could get the delay working, but now it doesn't repeat because it's not in a timeline:

     

     

     
    TweenMax.to(LMlogoH, 1, {alpha:2, ease:Quad.easeInOut});
    TweenMax.to(awardLogo, 1, {alpha:2, ease:Quad.easeInOut, delay:.125});
    TweenMax.to(s0101, 1, {alpha:2, ease:Quad.easeInOut, delay:.25});
    TweenMax.to(s0102, 1, {alpha:2, ease:Quad.easeInOut, delay:.325});
    TweenMax.to(s0103, 1, {alpha:2, ease:Quad.easeInOut, delay:.5});
    TweenMax.to(s0104, 1, {alpha:2, ease:Quad.easeInOut, delay:.625});
    TweenMax.to(s0105, 1, {alpha:2, ease:Quad.easeInOut, delay:1});
    TweenMax.to(s0106, 1, {alpha:2, ease:Quad.easeInOut, delay:1.125});
    TweenMax.to(s0107, 1, {alpha:2, ease:Quad.easeInOut, delay:1.25});
    TweenMax.to(s0108, 1, {alpha:2, ease:Quad.easeInOut, delay:1.325});
    TweenMax.to(s0109, 1, {alpha:2, ease:Quad.easeInOut, delay:1.5});
    TweenMax.to(s0110, 1, {alpha:2, ease:Quad.easeInOut, delay:1.625});
    TweenMax.to(s0111, 1, {alpha:2, ease:Quad.easeInOut, delay:2});
    TweenMax.to(s0112, 1, {alpha:2, ease:Quad.easeInOut, delay:2.125});
    TweenMax.to(s0113, 1, {alpha:2, ease:Quad.easeInOut, delay:2.25});
    TweenMax.to(s0114, 1, {alpha:2, ease:Quad.easeInOut, delay:2.325});
    TweenMax.to(s0115, 1, {alpha:2, ease:Quad.easeInOut, delay:2.5});
    TweenMax.to(s0116, 1, {alpha:2, ease:Quad.easeInOut, delay:2.625});
    TweenMax.to(s0117, 1, {alpha:2, ease:Quad.easeInOut, delay:3});
    TweenMax.to(s0118, 1, {alpha:2, ease:Quad.easeInOut, delay:3.125});
    TweenMax.to(s0119, 1, {alpha:2, ease:Quad.easeInOut, delay:3.25});
    TweenMax.to(s0120, 1, {alpha:2, ease:Quad.easeInOut, delay:3.5});
    TweenMax.to(s0121, 1, {alpha:2, ease:Quad.easeInOut, delay:3.625});
    TweenMax.to(s0122, 1, {alpha:2, ease:Quad.easeInOut, delay:4});
    TweenMax.to(s0123, 1, {alpha:2, ease:Quad.easeInOut, delay:4.125});
    TweenMax.to(s0124, 1, {alpha:2, ease:Quad.easeInOut, delay:4.25});
    TweenMax.to(s0125, 1, {alpha:2, ease:Quad.easeInOut, delay:4.325});
    TweenMax.to(s0126, 1, {alpha:2, ease:Quad.easeInOut, delay:4.5});
    TweenMax.to(s0127, 1, {alpha:2, ease:Quad.easeInOut, delay:4.625});
    TweenMax.to(s0128, 1, {alpha:2, ease:Quad.easeInOut, delay:5});
    TweenMax.to(line01, 1, {alpha:2, ease:Quad.easeInOut, delay:5.125});
    TweenMax.to(s0129, 1, {alpha:2, ease:Quad.easeInOut, delay:5.25});
    TweenMax.to(s0130, 1, {alpha:2, ease:Quad.easeInOut, delay:5.325});
    TweenMax.to(s0131, 1, {alpha:2, ease:Quad.easeInOut, delay:5.5});
    TweenMax.to(s0132, 1, {alpha:2, ease:Quad.easeInOut, delay:5.625});
    TweenMax.to(s0133, 1, {alpha:2, ease:Quad.easeInOut, delay:6});
    TweenMax.to(s0134, 1, {alpha:2, ease:Quad.easeInOut, delay:6.125});
    TweenMax.to(s0135, 1, {alpha:2, ease:Quad.easeInOut, delay:6.25});
    TweenMax.to(s0136, 1, {alpha:2, ease:Quad.easeInOut, delay:6.325});
    TweenMax.to(s0137, 1, {alpha:2, ease:Quad.easeInOut, delay:6.5});
    TweenMax.to(s0138, 1, {alpha:2, ease:Quad.easeInOut, delay:6.625});
    TweenMax.to(s0139, 1, {alpha:2, ease:Quad.easeInOut, delay:7});
    TweenMax.to(s0140, 1, {alpha:2, ease:Quad.easeInOut, delay:7.125});
    TweenMax.to(s0141, 1, {alpha:2, ease:Quad.easeInOut, delay:7.25});
    TweenMax.to(s0142, 1, {alpha:2, ease:Quad.easeInOut, delay:7.325});
    TweenMax.to(s0143, 1, {alpha:2, ease:Quad.easeInOut, delay:7.5});
    TweenMax.to(s0144, 1, {alpha:2, ease:Quad.easeInOut, delay:7.625});
    TweenMax.to(line02, 1, {alpha:2, ease:Quad.easeInOut, delay:8});
  9. I also just tried the information on this on this page:

     

    http://greensock.com/timelinemax-as

     

    BUT it starts with this:

    var myTimeline:TimelineMax = new TimelineMax({onComplete:myFunction});

     

    and throws an error: "access of undefined property myFunction

     

    VERY frustrating that all the AS3 documentation is now replaced with .js stuff. I have a hard enough time figuring this out and there's no way I can translate this. This job is due on Monday and I can't for the life of me figure out what should be fairly simple. 

     

     

     

    Dave

  10. Hi,

     

    I need to create a screensaver. I have this code now, but it doesn't repeat. In addition to that, the delay halfway through doesn't delay the animation. I can send you the file, but there's not much else to it other than the import calls, and an array so that everything start at 0 opacity. ALSO I'm not sure which icon above is the right button to hit in order for it to just show up as code:

     

     

    TweenMax.allTo(introClips, 0, {alpha:0});

     
     
    var mainIntroIn:TimelineLite = new TimelineLite({repeat:2});
     
     
    mainIntroIn.appendMultiple([new TweenLite(LMlogoH,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(awardLogo,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0101,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0102,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0103,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0104,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0105,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0106,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0107,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0108,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0109,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0110,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0111,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0112,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0113,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0114,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0115,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0116,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0117,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0118,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0119,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0120,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0121,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0122,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0123,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0124,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0125,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0126,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0127,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0128,  1, {alpha:1, ease:Quad.easeInOut}),
      new TweenLite(line01,  1, {alpha:1, ease:Quad.easeInOut}),
      new TweenLite(s0129,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0130,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0131,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0132,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0133,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0134,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0135,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0136,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0137,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0138,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0139,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0140,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0141,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0142,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(s0143,  1, {alpha:1, ease:Quad.easeInOut}),
      new TweenLite(s0144,  1, {alpha:1, ease:Quad.easeInOut}),
      new TweenLite(line02,  1, {alpha:1, ease:Quad.easeInOut}),
      
      new TweenLite(LMlogoH,  1, {alpha:0, ease:Quad.easeInOut, delay:2}),
                               new TweenLite(awardLogo,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0101,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0102,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0103,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0104,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0105,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0106,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0107,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0108,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0109,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0110,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0111,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0112,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0113,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0114,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0115,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0116,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0117,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0118,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0119,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0120,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0121,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0122,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0123,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0124,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0125,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0126,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0127,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0128,  1, {alpha:0, ease:Quad.easeInOut}),
      new TweenLite(line01,  1, {alpha:0, ease:Quad.easeInOut}),
      new TweenLite(s0129,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0130,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0131,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0132,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0133,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0134,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0135,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0136,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0137,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0138,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0139,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0140,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0141,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0142,  1, {alpha:0, ease:Quad.easeInOut}),
                               new TweenLite(s0143,  1, {alpha:0, ease:Quad.easeInOut}),
      new TweenLite(s0144,  1, {alpha:0, ease:Quad.easeInOut}),
      new TweenLite(line02,  1, {alpha:0, ease:Quad.easeInOut})], 0, TweenAlign.START, 0.1);

     

     

     

     

  11. Hi Carl,

     

    I didn't supply the .fla only because it's in the brandie new Adobe Animate... 

     

    This here is the code. I am having a tough time figuring out how this would work with what you have here. My way of going about things is more "longhand", since I'm kind of a sucky coder... also here is the fla if you have the latest version of animate

     

    https://www.dropbox.com/s/5w9gq3k2hja3a2j/NICmap-540-0203.fla.zip?dl=0

     

     

    import com.greensock.*;

    import com.greensock.easing.*;
    import com.greensock.plugins.*;
     
    import flash.events.MouseEvent;
    import flash.ui.Mouse;
     
     
    btn_northeast.buttonMode = true;
    btn_northeast.useHandCursor = true;
    btn_northeast.buttonMode = true;
    btn_northeast.useHandCursor = true;
    btn_east.buttonMode = true;
    btn_east.useHandCursor = true;
    btn_east.buttonMode = true;
    btn_east.useHandCursor = true;
    btn_central.buttonMode = true;
    btn_central.useHandCursor = true;
    btn_central.buttonMode = true;
    btn_central.useHandCursor = true;
    btn_west.buttonMode = true;
    btn_west.useHandCursor = true;
    btn_west.buttonMode = true;
    btn_west.useHandCursor = true;
     
     
     
    var introClips:Array = [btn_northeast, btn_east, btn_central, btn_west, neDesc, eastDesc, centralDesc, westDesc, 
    dotsNEover, dotsEastOver, dotsCentralOver, dotsWestOver, over_NE, over_east, over_central, over_west, txt_click,
    dotsNEoff, dotsEastOff, dotsCentralOff, dotsWestOff];
    TweenMax.allTo(introClips, 0, {alpha:0});
     
     
    //main Intro begin =========================================================================================================;
    var mainIntroIn:TimelineLite = new TimelineLite({repeat:0});
     
     
    mainIntroIn.appendMultiple([new TweenLite(over_NE,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(over_east,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(over_central,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(over_west,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(border,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(btn_west,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(btn_central,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(btn_east,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(btn_northeast,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(dotsWestOff,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(dotsCentralOff,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(dotsEastOff,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(dotsNEoff,  1, {alpha:1, ease:Quad.easeInOut}),
                               new TweenLite(txt_click,  1, {alpha:1, ease:Quad.easeInOut})], 0, TweenAlign.START, 0.1);
     
     
    //main Intro end =========================================================================================================
     
     
    //Button01 begin =========================================================================================================
    btn_northeast.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler01);
     
    function fl_MouseOverHandler01(event:MouseEvent):void
    {
    TweenMax.to(over_NE,  2, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(dotsNEover,  1, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(over_east,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_central,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_west,  2, {alpha:0, ease:Expo.easeOut});
    }
     
     
    btn_northeast.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler01);
     
    function fl_MouseOutHandler01(event:MouseEvent):void
    {
    TweenMax.to(over_NE,  1, {alpha:0, ease:Quad.easeInOut});
     
    TweenMax.to(dotsNEover,  1, {alpha:0, ease:Quad.easeInOut});
    }
     
    btn_northeast.addEventListener(MouseEvent.CLICK, fl_showDescription01);
     
    function fl_showDescription01(event:MouseEvent):void
    {
    TweenMax.to(neDesc,  1, {alpha:1, ease:Quad.easeInOut});
    TweenMax.to(eastDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(centralDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(westDesc,  1, {alpha:0, ease:Quad.easeInOut});
     
     
    }
    //Button01 end =========================================================================================================
     
    //Button02 begin =========================================================================================================
    btn_east.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler02);
     
    function fl_MouseOverHandler02(event:MouseEvent):void
    {
    TweenMax.to(over_east,  2, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(dotsEastOver,  1, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(over_west,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_central,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_NE,  2, {alpha:0, ease:Expo.easeOut});
    }
     
     
    btn_east.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler02);
     
    function fl_MouseOutHandler02(event:MouseEvent):void
    {
    TweenMax.to(over_east,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(dotsEastOver,  1, {alpha:0, ease:Quad.easeInOut});
    }
     
    btn_east.addEventListener(MouseEvent.CLICK, fl_showDescription02);
     
    function fl_showDescription02(event:MouseEvent):void
    {
    TweenMax.to(neDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(eastDesc,  1, {alpha:1, ease:Quad.easeInOut});
    TweenMax.to(centralDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(westDesc,  1, {alpha:0, ease:Quad.easeInOut});
    }
    //Button02 end =========================================================================================================
     
    //Button03 begin =========================================================================================================
    btn_central.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler03);
     
    function fl_MouseOverHandler03(event:MouseEvent):void
    {
    TweenMax.to(over_central,  2, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(dotsCentralOver,  1, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(over_east,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_west,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_NE,  2, {alpha:0, ease:Expo.easeOut});
    }
     
     
    btn_central.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler03);
     
    function fl_MouseOutHandler03(event:MouseEvent):void
    {
    TweenMax.to(over_central,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(dotsCentralOver,  1, {alpha:0, ease:Quad.easeInOut});
    }
     
    btn_central.addEventListener(MouseEvent.CLICK, fl_showDescription03);
     
    function fl_showDescription03(event:MouseEvent):void
    {
    TweenMax.to(neDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(eastDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(centralDesc,  1, {alpha:1, ease:Quad.easeInOut});
    TweenMax.to(westDesc,  1, {alpha:0, ease:Quad.easeInOut});
     
     
    }
    //Button03 end =========================================================================================================
     
    //Button04 begin =========================================================================================================
    btn_west.addEventListener(MouseEvent.ROLL_OVER, fl_MouseOverHandler04);
     
    function fl_MouseOverHandler04(event:MouseEvent):void
    {
    TweenMax.to(over_west,  2, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(dotsWestOver,  1, {alpha:1, ease:Expo.easeOut});
    TweenMax.to(over_east,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_central,  2, {alpha:0, ease:Expo.easeOut});
    TweenMax.to(over_NE,  2, {alpha:0, ease:Expo.easeOut});
    }
     
     
    btn_west.addEventListener(MouseEvent.ROLL_OUT, fl_MouseOutHandler04);
     
    function fl_MouseOutHandler04(event:MouseEvent):void
    {
    TweenMax.to(over_west,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(dotsWestOver,  1, {alpha:0, ease:Quad.easeInOut});
    }
     
    btn_west.addEventListener(MouseEvent.CLICK, fl_showDescription04);
     
    function fl_showDescription04(event:MouseEvent):void
    {
    TweenMax.to(neDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(eastDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(centralDesc,  1, {alpha:0, ease:Quad.easeInOut});
    TweenMax.to(westDesc,  1, {alpha:1, ease:Quad.easeInOut});
     
    }
    //Button04 end =========================================================================================================
     
     
     
     
     
    stop();
  12. that's the general concept. It should hang on each for about 4 seconds and transition for about 1 second... but if you click on one of the nav items, then it should stop and stay for maybe 30 seconds.

     

    When I tried deconstructing your files though, my buttons covered up the main image and I couldn't figure out how to move that. I think I saw a tag of absolute but there was no value?

     

    This may make it easier: Here are the image files for the project, along with the current behavior that Dreamweaver offers. I know it's clunky, but it works. Just a note ahead that i'll probably put all this in an iFrame.

     

    Thank you so much for your help. I really do appreciate it, and can learn from your file. This should be a great jump start for me, and porting over to 

     

    https://www.dropbox.com/s/7sym6ddb3d4joln/newHome.zip?dl=0

     

     

    Here's one I did using Greensock for Flash... basically the same behavior that I'm trying to replicate

     

    http://taylorimaging.com/clientArea/MIC_FL_eCLIQ_BOP/

  13. ok, so I've tried for hours to get this to work and nothing seems to add up for me. Plus I don't write javascript, so this is super tough.

     

    I've posted the actual behavior using iFrames and the built in show/hide from Dreamweaver. I need those images to fade on hover, and then onclick, the image to the right would fade in instead of calling a url. All stuff I could do in Flash. In addition to that, when the viewer is not actually rolling over anything, this would automatically go to the next image after a few seconds.

     

    i'm thinking that I might actually be able to use GS for flash, and have this export? 

     

    Dave

  14. Hi,

     

    I need to create an interface. I used to do this using flash greensock, but i need to do this now in js. I can't seem to find any examples, and I'm not quite hitting the mark on creating it.

     

    sort of an idea is like this:

     

    https://www.omgeo.com/timeline

     

    you roll over the buttons on the side and fade back and forth

     

    BUT I also need to add something in that's in a timeline so that they rest on one state, then go to the next after about 6 seconds.

     

    it's something that can be done in Flash, but I can't seem to figure it out in the .js version.

     

    is this possible? Are there samples?

     

    trying to swap between the attached images. I want it to rotate between the images if the view doesn't do anything

     

    I've got a canned version that I used WOW slider for, but it's so generic, and the client wants the user to be able to actually roll over the names

     

    http://www.taylorimaging.com/clientArea/SBChomepage/

     

    Thanks!!!

    Dave

     

×