Why is TweenLite.set() canceling itself out?

[soupking]

Hi everybody,

 

I'm trying to build rollover thumbnails.

 

In doing so I have two lines of TweenLite.set():

 

TweenLite.set([img1, img2, img3, img4, img5, img6, img7, img8], {opacity:0});

TweenLite.set([img1_hover, img2_hover], {opacity:0});

 

For some reason the second line won't work unless the first line is commented out. I've tried various things to make both the thumbnail and the hover state invisible but for some reason it doesn't work unless the first line is omitted (even if I put the img1_hover instance in the first line??)

 

Can anybody out there tell me why this happens or direct me to maybe a thumbnail rollover tutorial? I've been doing a lot of searching and haven't come up with much.

 

Thanks for reading.

 

[GreenSock]

Tough to say without seeing a sample - my only guess is that you have some sort of typo in the first line that's halting JavaScript execution. I tested your code on my own demo and it worked perfectly, so there must be something else happening. Please provide a simple codepen demo so that we can observe it in context. 

 

http://forums.greensock.com/topic/9002-read-this-first-how-to-create-a-codepen-demo/

[soupking]

I think I figured it out. If not I'll use the Codeden app in the future for sure.

 

Thanks Jack!