animation flash

Aller en bas

animation flash Empty animation flash

Message par zaza007 le Lun 31 Aoû 2009 - 15:44

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

zaza007

Nombre de messages : 632
Date d'inscription : 12/02/2007

Revenir en haut Aller en bas

animation flash Empty Re: animation flash

Message par kissifrottsipik le Lun 31 Aoû 2009 - 16:01

euh... ben justement, ce n'est pas du flash animation flash Icon_big mais une animation javascript (et whaouuuu animation flash Hein80 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 Embarassed

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 animation flash Sourire1

_________________
animation flash 1animation flash 2animation flash 3
kissifrottsipik
kissifrottsipik
Administrateur

Féminin Nombre de messages : 19563
Age : 32
Localisation : IDF
Emploi/loisirs : Ingénieur / Webmaster et graphiste amateur
Niveau de GR : Dinosaure des praticables
Date d'inscription : 26/09/2006

http://creapik.com

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum