[Changing Background Image]

Thank you!

[Changing Background Image]

Hi,

 

I'm trying to make a background image change to a different image with this code;

TweenMax.to($("#icon_media"),{css:'background-image','url(img/icon_media_orange.png)'});

But it doesn't seem to work.

 

The reason why I'm doing this is because eventually I want to use the code with superscrollorama so as to make an image in a fixed nav bar change when the browser window scrolls down and reaches certain div/panel, but I thought if I could figure out the tweenmax part first it would be easy to add superscrollorama effect to it later.

 

I'd appreciate your help. 

[Drawing Lines Sequentially]

Thanks, but not sure if that's what I'm trying to do. Please look at this page (you have to scroll down and wait for a few seconds)

 

http://www.goindoor.com/demo/

 

I don't know if it's superscrollorama issue or tweenmax issue, but you can see that the lines are already drawn when you load the page, and if you scroll down they begin to draw again. I'd like the page to be blank when it's loaded and then the lines begin to draw.

[Drawing Lines Sequentially]

Now I'm trying to follow the codepen drawing that Carl made, and this is my codepen where I'm testing it;

 

See the Pen CDHoB by anon (@anon) on CodePen

 

The thing is, that the only the last javascript code is getting executed.

 

Sorry if this is something really basic, but I'm new to javascript, let alone tweenmax.

 

Thanks!

[Animating SVG paths within a timeline]

Now I'm trying to follow the codepen drawing that Carl made, and this is my codepen where I'm testing it;

 

See the Pen CDHoB by anon (@anon) on CodePen

 

The thing is, that the only the last javascript code is getting executed.

 

Sorry if this is something really basic, but I'm new to javascript, let alone tweenmax.

 

Thanks!

[TweenMax Add()]

Great! Thank you!

[TweenMax Add()]

Thank you, that did it! Thank you for your suhhestion about using a console too. Will keep in mind.

 

Another thing is though, I expected all the tweens to be executed as the window reached Airport panel because they were nested together, but now they are being executed as I scroll down. Is there a way to fix this?

 

Thanks again,

 

Jaeeun

[Drawing Lines Sequentially]

I'm struggling to find out how to draw lines with TweenMax. It seems like such a basic thing, but I can't figure it out! Could you lead me to the right direction?

[TweenMax Add()]

The TweenMax part works, but the Superscrollorama part does not... You can see it here if you scroll down to Airport and refresh the page;

 

http://www.goindoor.com/

 

Thanks.

[TweenMax Add()]

Thanks for pointing it out, I added them now, but still doesn't seem to work...?

[TweenMax Add()]

Hi again,

 

I'm trying to group multiple tweens together using add() like this;

 

See the Pen lHItD by anon (@anon) on CodePen

 

But it doesn't seem to be working.

 

I'd appreciate your help!

[Drawing Lines Sequentially]

Hi,

 

I have a site with a simple vector map, and I'm trying to draw lines on it that show up sequentially.

 

I've gotten this much so far;

 

See the Pen aEFDw by anon (@anon) on CodePen

 

But I can't figure out how to show the lines one after another. I thought maybe I could do it using TweenMax.

 

I'd appreciate any leads!

[Scale, Rotate, and Opacity]

Yay! It works! Thank you so much everybody!

[Scale, Rotate, and Opacity]

Hm, I did change the code(you can see it from my page source

0, but still the site still doesn't reflect it... 

[Scale, Rotate, and Opacity]

Interesting... I can see that it your code works like charm in codepen, but it still doesn't do anything on my site. What could be wrong? 

[Scale, Rotate, and Opacity]

Thanks, but it doesn't seem to help.

 

I tried codepen for the first time. here;

 

See the Pen IFBnd by anon (@anon) on CodePen

 

Hope this helps.

 

One thing is that the site is built with Wordpress, so the actual code is a bit different.

[Scale, Rotate, and Opacity]

I'm trying to make the images on this page rotate, scale and change opacity all at the same time, like some images on this site do;

http://soyouwanttogotorisd.com/

And this is my site;

http://www.ducklingfarm.com

I'm using TweenMax, and this is my code;

 

$(document).ready(function() {
TweenMax.from( $('#homeImg'), .5,
{css:{scale:.05, opacity:0, rotation: 180}, ease:Quad.easeInOut}), 400,-400);
});

 

But nothing's happening...

Please help me!

Thanks!