Still loving TweenMax and TimlineMax!
Right now I am trying to get several image icons to rotate around another image in a circle while having the rotating images alway remain verticle.
Do you happen to know off hand if a good way to achieve this with tweenMax?
Right now my idea is to use tweenMax.to and individualy tween the image icons to the next position in a set of nested timlines.
It seems to possibly be the right solution but at the moment the timeing and positioning of each tween is a little off.
One thing I can't seem to do is have the main timeline delay for 3 seconds and then play the nested timlines. The nested timlines seem to ignore the delay and play right away.
Is there a good way to get the sequnced tweens to play right after each other to create a smooth rotating effect? Or is there a better wat to achieve this?
Below is my code:
// Frame #4
var f4Clip1 = new TimelineMax();
var f4Clip2 = new TimelineMax();
var frame4Tl = new TimelineMax({delay:3, paused:true});
f4Clip1.insert( TweenMax.to($('#retailerExpert'), 1.5, {css:{right: "193px",top: "71px"}}));
f4Clip1.insert( TweenMax.to($('#dealerExpert'), 1.5, {css:{right: "134px",top: "223px"}}));
f4Clip1.insert( TweenMax.to($('#agroExpert'), 1.5, {css:{right: "236px",top: "349px"}}));
f4Clip1.insert( TweenMax.to($('#scientistExpert'), 1.5, {css:{right: "396px",top: "334px"}}));
f4Clip1.insert( TweenMax.to($('#farmerExpert'), 1.5, {css:{right: "502px",top: "241px"}}));
f4Clip1.insert( TweenMax.to($('#industryExpert'), 1.5, {css:{right: "470px",top: "101px"}}));
f4Clip1.insert( TweenMax.to($('#academicExpert'), 1.5, {css:{right: "311px",top: "34px"}}));
f4Clip2.insert( TweenMax.to($('#retailerExpert'), 1.5, {css:{right: "134px",top: "223px"}}),1.4);
f4Clip2.insert( TweenMax.to($('#dealerExpert'), 1.5, {css:{right: "236px",top: "349px"}}),1.4);
f4Clip2.insert( TweenMax.to($('#agroExpert'), 1.5, {css:{right: "396px",top: "334px"}}),1.4);
f4Clip2.insert( TweenMax.to($('#scientistExpert'), 1.5, {css:{right: "502px",top: "241px"}}),1.4);
f4Clip2.insert( TweenMax.to($('#farmerExpert'), 1.5, {css:{right: "470px",top: "101px"}}),1.4);;
f4Clip2.insert( TweenMax.to($('#industryExpert'), 1.5, {css:{right: "331px",top: "41px"}}),1.4);
f4Clip2.insert( TweenMax.to($('#academicExpert'), 1.5, {css:{right: "193px",top: "71px"}}),1.4);
frame4Tl.append(f4Clip1);
frame4Tl.append(f4Clip2);