animation flash

Bonjour
Je voulais savoir quel logiciel utiliser pour faire une video comme l'animation qui presente ces activite
www.etoiledenogent.com

euh... ben justement, ce n'est pas du flash mais une animation javascript (et whaouuuu d'ailleurs... au 1er abord ça ressemble vraiment à du flash mais non, définitivement non... en faisant un clic droit ça n'en est pas...)

le code a l'air de fonctionner comme ça :

fonction javascript :

Code:

<script type="text/javascript">
        window.RokSlideshowPath = '';
        window.addEvent('load', function(){
                var imgs = [];

                                    imgs.push({
                        file: 'a.jpg',
                                                title: 'LA BABY GYM',
                        desc: 'Pour les enfants de 2 à 4 ans',
                        url: '#'
                                          });
                                    imgs.push({
                        file: 'ab.jpg',
                                                title: 'L\'ECOLE DE GYM',
                        desc: 'Pour les enfants de 5 et 6 ans',
                        url: '#'
                                          });
                                    imgs.push({
                        file: 'b.jpg',
                                                title: 'LA GYMNASTIQUE ARTISTIQUE FEMININE',
                        desc: 'Compétition',
                        url: '#'
                                          });
                                    imgs.push({
                        file: 'c.jpg',
                                                title: 'LA GYMNASTIQUE ARTISTIQUE MASCULINE',
                        desc: 'Compétition',
                        url: '#'
                                          });
                                    imgs.push({
                        file: 'd.jpg',
                                                title: 'LA GYM SENIOR',
                        desc: 'Pour les plus de 55 ans.',
                        url: '#'
                                          });
                                    imgs.push({
                        file: 'e.jpg',
                                                title: 'LA GYM ADULTE',
                        desc: 'Step, Renforcement musculaire ou stretching',
                        url: '#'
                                          });
                               
                var myshow = new Slideshow('slideshow', {
                    type: 'combo',
                    showTitleCaption: 1,
                    captionHeight: 45,
                    width: 540,
                    height: 250,
                    pan: 50,
                    zoom: 50,
                    loadingDiv: 1,
                    resize: true,
                    duration: [1000, 7000],
                    transition: Fx.Transitions.Expo.easeInOut,
                    images: imgs,
                    path: '/images/stories/rok/'
                });
               
                myshow.caps.h2.setStyles({
                    color: '#fff',
                    fontSize: '16px'
                });
                myshow.caps.p.setStyles({
                    color: '#ccc',
                    fontSize: '14px'
                });
            });
            </script>

code du slideshow :

Code:

<div style="overflow: hidden; display: block; position: relative; width: 540px; height: 250px;"><img style="display: block; position: absolute; left: 0px; top: -110px; z-index: 22; height: 360px; width: 540px; visibility: visible; opacity: 1; cursor: default; bottom: auto; right: auto;" alt="Pour les plus de 55 ans." title="LA GYM SENIOR" src="http://www.etoiledenogent.com/images/stories/rok/d.jpg"><img style="display: block; position: absolute; left: 0px; top: -69px; z-index: 23; height: 493px; width: 740px; visibility: visible; opacity: 1; cursor: default; bottom: auto; right: auto;" alt="Step, Renforcement musculaire ou stretching" title="LA GYM ADULTE" src="http://www.etoiledenogent.com/images/stories/rok/e.jpg"><div class="captionDiv" style="margin: 0px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; visibility: visible; opacity: 0.7; position: absolute; width: 100%; left: 0px; bottom: 0px; height: 45px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); text-indent: 0px; z-index: 46;"><h2 class="captionTitle" style="margin: 2px 5px; padding: 0px; color: rgb(255, 255, 255); font-size: 16px; font-weight: bold;">LA GYM ADULTE</h2><p class="captionDescription" style="margin: 2px 5px; padding: 0px; font-size: 14px; color: rgb(204, 204, 204);">Step, Renforcement musculaire ou stretching</p></div></div></div>
        <div id="loadingDiv"></div>
    </div>


</div>

mais il doit en manquer un peu... je n'arrive pas à le faire fonctionner en local... en même temps je n'ai pas trop le temps d'aller farfouiller dans leur code pour voir ce qui me manque

en ce qui concerne les animations flash, l'idéal est bien sûr Adobe Flash (à ne pas confondre avec adobe flash player, qui se contente de lire les animations), mais il est malheureusement payant, et, en plus de ça, pas très simple d'utilisation...

personnellement j'ai utilisé un petit logiciel gratuit, plus simple, mais forcément plus limité, pour faire quelques animations dont, par exemple, l'ancien menu de mon site : http://kissifrottsipik.free.fr/start.html

c'est "e-anim" : http://www.phildes.com/
si tu débutes dans le flash je te conseille de faire quelques tutos simples qu'ils proposent, ça ira plus vite que de tâtonner