How can I expand the stage (in one direction) on rollover? Or click?


hello,

 

i'm looking create expanding/collapsing html5 banner using edge animate.

 

for example, start 728x90 banner. how can make stage expand (from bottom edge) 728x270?

 

at moment i'm looking expand on rollover collapse original stage size on rollout - in future know i'll want same functionality using button.

 

all appreciated, thank you!

one way, on compositionready place following 'chain' event (mouseover, followed mouseleave)

 

-------- copy below stage compositionready -------------

 

sym.$("stage").mouseover(function(){

   sym.$("stage").css('height', '270');

}).mouseleave(function(){

   sym.$("stage").css('height', '90');

});

 

-------- end copy ---------------------------------------------------

 

view sample: http://www.heathrowe.com/edge/stageexpand/

dowmload:    http://www.heathrowe.com/edge/stageexpand/stageexpand.zip

 

hth

darrell



More discussions in Edge Animate CC


adobe

Comments

Popular posts from this blog

Object Fitting Keyboard Shortcuts Disfuntional

Markers not showing up after opening a saved project. Where did they go!?

Photoshop javascript: Open files in all subfolders