PDA

View Full Version : Image size transition


Pipan
11-08-2008, 03:26 PM
Im looking for a good way of achieving a simple imageviewer,
where images with different sizes are allowed.

So basicly, I want a gray box that has the same size as pic1.
When we change to next pic, pic1 is fading out and the gray box behind it is now visible. Then this gray box is smoothly resizing to the next pic's width and height. And finally pic2 is fading in.

Hard to explain, but pretty much I want the kind of effect you see in LightBox (javascript).

I think I want this as a component or module, so the dataprovider (ArrayCollection) will be parsed in from main-application.

I've been looking at transitions, states and effects but cant find out howto build this kind of functionality.

tsj4
11-08-2008, 08:44 PM
TweenLite (http://blog.greensock.com/) lib would do the trick. Easy to learn and very flexible.

http://blog.greensock.com/

Pipan
11-10-2008, 10:42 PM
I think I've been focusing a bit too much on the MXML-part. TweenerLite did the job, very well. Thx.