[Pro] Scale Transition possible?

Anyone know of an action with the features of ‘Move Layer’ but with the addition of a scale feature?

This is what I need to do…
My background canvas image is of a map. I then have the first large image layer appearing on screen using ‘timed delay’ and now need for the image to animate down to say 25% of its size and finish in a certain position on the map. Next image then appears and so on.

Any ideas?

Thanks in advance.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Transition FX might be able to do this, although I’m not sure. You can very definitely do it with the Scriptaculous Morph effect, using the Protaculous Action to add the code to the page. That is well and truly off the usual Freeway + Actions beam, though. You will need to work out the start and end CSS yourself, and hand-code the effect in Protaculous’s code editing interface.

Something like this might be a start:

$('yourBox').down('img').writeAttribute(width:null).
	writeAttribute(height:null).setStyle('height:100%;width:100%');
new Effect.Morph('yourBox', 
	'top:400px;left:700px;width:200px;height:100px;', {
	delay: 2, duration: 0.6
});

Put that in the bottom Function Body box, so it runs after the page completely (visually) loads. Change yourBox (in both places) to match the content of the Title field for your image. Fiddle with the timing and speed (and obviously the position and dimensions) to fit your needs. The first command lets the image flex to fit its parent box, because you’re going to animate the size of the box, not the image. The second command sets up the Morph effect to move from wherever it is on screen (somewhere besides 400,700) to the 400,700 coordinates and shrink as it moves to a 200 x 100 px size.

Walter

On Aug 22, 2012, at 11:53 AM, Scott Crundwell wrote:

Anyone know of an action with the features of ‘Move Layer’ but with the addition of a scale feature?

This is what I need to do…
My background canvas image is of a map. I then have the first large image layer appearing on screen using ‘timed delay’ and now need for the image to animate down to say 25% of its size and finish in a certain position on the map. Next image then appears and so on.

Any ideas?

Thanks in advance.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options