# \[Pro\] How to do this animated image??

**URL:** <https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943>\
**Category:** EWA\
**Created:** [May 17, 2011, 9:43am UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943 "2011-05-17T09:43:23Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anna\_Target](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/a/b19c9b/32.png) [@Anna\_Target](https://discourse.softpress.com/u/Anna_Target)\
**Post date:** [May 17, 2011, 9:43am UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/1 "2011-05-17T09:43:23Z")

</div>

Hi, I’m just starting to using Freeway and I love the way it works… I just want to ask your help to realize a project: there is an action that can do the animation I’d find here

[http://livedemo00.template-help.com/wt\_33798/index.html](http://livedemo00.template-help.com/wt_33798/index.html)

(I mean the images with persons that change with something like a squered animation).

I’m trying to do that with MooTools - moo:Effect on Load, but without results… Someone can help me?

Or some one can explain to me how to do this animation with JS inside freeway? (I don’t know how to do in this way, ‘cos I’ve never use JS…)

THX!!

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [May 17, 2011, 7:51pm UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/2 "2011-05-17T19:51:24Z")

</div>

Hi Anna

You are asking this question in the wrong place.

This area is for EWA Easy Web Animator - an app that creates Flash animations.

Try reposting in the main FWT section for an Action or JS solution.

David

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Anna\_Target](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/a/b19c9b/32.png) [@Anna\_Target](https://discourse.softpress.com/u/Anna_Target)\
**Post date:** [May 18, 2011, 7:19am UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/3 "2011-05-18T07:19:05Z")

</div>

Thank you I’ll do!

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![eus2](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/e/73ab20/32.png) [@eus2](https://discourse.softpress.com/u/eus2)\
**Post date:** [May 18, 2011, 10:00am UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/4 "2011-05-18T10:00:05Z")

</div>

Actualy i do not agree, it is a slider, is it not?  
I think you could make it with the showcase action.  
I should not have to be flash, and in showcase you can make a slider like this to.  
😉

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Anna\_Target](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/a/b19c9b/32.png) [@Anna\_Target](https://discourse.softpress.com/u/Anna_Target)\
**Post date:** [May 18, 2011, 10:26am UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/5 "2011-05-18T10:26:50Z")

</div>

thank you Eus for your opinion… but really I can have this square effect with showcase? (how?)  
Actually, I wold like to apply the square effect to a single immage, the work should be like this:

1. the html page load
2. the single image appears with the squared effect
3. the image remains fixed

then I’ll click to an arrow and the cycle begin to the step 1.

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![eus2](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/e/73ab20/32.png) [@eus2](https://discourse.softpress.com/u/eus2)\
**Post date:** [May 18, 2011, 10:49am UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/6 "2011-05-18T10:49:38Z")

</div>

you can also use wowslider for it, free version leaves a watermark thoug…its js based  
i do not know, if the showcase action can do that, what i would recommand, is that you go to the website of Dan Jasker and see at his tutorials/screencasts.  
He has a realy good one, about Creating Image SlideShows With FancyBox and JQuery .  
I think that is the road you should ?take, since you discribe the squeares etc.  
they are not to expensive and are fun and in no time you understand what he explains.

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Julio\_C\_Collazo](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/77aa72/32.png) [@Julio\_C\_Collazo](https://discourse.softpress.com/u/Julio_C_Collazo)\
**Post date:** [May 18, 2011, 12:20pm UTC](https://discourse.softpress.com/t/pro-how-to-do-this-animated-image/10943/7 "2011-05-18T12:20:06Z")

</div>

Is an animation made in flash,…

On May 18, 2011, at 6:26 AM, Anna\_Target wrote:

> thank you Eus for your opinion… but really I can have this square  
> effect with showcase? (how?)  
> Actually, I wold like to apply the square effect to a single  
> immage, the work should be like this:
> 
> 1. the html page load
> 2. the single image appears with the squared effect
> 3. the image remains fixed
> 
> then I’ll click to an arrow and the cycle begin to the step 1.
> 
> * * *
> 
> Easywebanimator mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

Easywebanimator mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)