Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    Interaction apparition (afficher une image via un bouton)

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Interaction apparition (afficher une image via un bouton)

    Message par artkabis le Mer 19 Aoû - 18:27

    Bonjour à tous, aujourd'hui je viens vous proposer un tutoriel suit à la demande d'un membre du forum. Ce tutoriel consiste à afficher des éléments en fonction de l'interaction de boutons, nous aurons donc trois boutons bien distinct qui afficherons des images au rollOver et les cacherons au rollOut.


    Voici le résultat:


    Voici le fichier source du tutoriel:
    Intercation_apparition.fla

    Le tutoriel vidéo:


    Dernière édition par artkabis le Dim 1 Nov - 22:10, édité 1 fois

    Tchii001
    Ceinture jaune
    Ceinture jaune

    Messages : : 284
    Age : : 28
    Logiciels : Logiciels : : - PhotoShop CS3
    - PhotoPlus 11
    - SolidWorks
    - SolidCam
    - Flash 8
    - Flash CS5
    - Y'en a d'autre mais je pense pas que ce soit intéressant pour ce forum^^
    Date d'inscription : 09/08/2009

    Re: Interaction apparition (afficher une image via un bouton)

    Message par Tchii001 le Mer 19 Aoû - 18:48

    Ah super !! Là c'est vraiment beaucoup plus clair ! Je vais essayer ca tout de suite ! Merci encore !^^

    Edit :

    Ca y est ca marche !! XD Mais bon j'ai dû quand même aller chercher les codes de l'autre tuto^^" Sur Flash 8 y a pas AS3, si ?

    toutclic
    Ceinture blanche
    Ceinture blanche

    Messages : : 168
    Age : : 26
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 30/05/2009

    Re: Interaction apparition (afficher une image via un bouton)

    Message par toutclic le Jeu 20 Aoû - 7:25

    Non malheureusement il y a pas AS3 sur Flash 8

    Tchii001
    Ceinture jaune
    Ceinture jaune

    Messages : : 284
    Age : : 28
    Logiciels : Logiciels : : - PhotoShop CS3
    - PhotoPlus 11
    - SolidWorks
    - SolidCam
    - Flash 8
    - Flash CS5
    - Y'en a d'autre mais je pense pas que ce soit intéressant pour ce forum^^
    Date d'inscription : 09/08/2009

    Re: Interaction apparition (afficher une image via un bouton)

    Message par Tchii001 le Jeu 20 Aoû - 9:15

    Ah dommage :/ Merci pour l'infos^^

    Browninja
    Nouveau membre
    Nouveau membre

    Messages : : 17
    Age : : 29
    Logiciels : Logiciels : : Illustrator
    Photoshop
    Flash
    Date d'inscription : 19/11/2009

    Re: Interaction apparition (afficher une image via un bouton)

    Message par Browninja le Mer 25 Nov - 8:33

    Merci je m'en servirai surement ^^

    Johayeux
    Nouveau membre
    Nouveau membre

    Messages : : 37
    Age : : 27
    Logiciels : Logiciels : : Photoshop, Dreamweaver, flash ( le tout CS4) et Gimp.
    Date d'inscription : 10/01/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Interaction apparition (afficher une image via un bouton)

    Message par Johayeux le Dim 10 Jan - 20:13

    Bonsoir, j'ai un petit soucis ^^ Bon tout marche correctement si on suit le tuto mais c'est pas bien marrant si on s'amuse pas à faire des modifications pour le mettre à notre sauce... forcement quand on y connait pas grand chose c'est là que ça coince t'es lourd
    Voila moi je voudrais que ce soit au clic que l'image ou le dessin apparait bon ça j'ai pigé le truc c'est facile on remplace MOUSE_OVER par MOUSE_DOWN ou CLICK et miracle ça marche... Mais la fonction d'après ? bah Apres c'est le OUT donc dès qu'on sort de la zone Harry potter fait disparaitre l'image donc pas pratique !! Alors il faut changer mais on met quoiiiii ? Parce si on met autre chose quand on clic sur une zone l'image apparait mais apres ne disparait plus et si on clique sur une autre zone l'image associée apparait par dessus donc comment faire ?

    Merci par avance Wink

    EDIT : Et si en plus on veut rajouter une apparition/disparition en fondu donc avec de l'alpha (genre 50%) ?

    Edit 2 : Je suis le plus fort mouahahaha j'ai trouvé une astuce bon je sais pas si c'est la meilleure mais vue que j'y connais rien... je suis content de moi quand même lol ( Bon y a pas encore avec l'alpha... )

    Code:
    addEventListener(MouseEvent.MOUSE_DOWN, clic);
    addEventListener(MouseEvent.MOUSE_DOWN, lache);

    function clic(me:MouseEvent):void {
       if(me.target.name === 'btout')out.gotoAndStop(2);
       if(me.target.name === 'btmusique')musique.gotoAndStop(2);
       if(me.target.name === 'btnuit')nuit.gotoAndStop(2);
       if(me.target.name === 'btangelum')angelum.gotoAndStop(2);
       if(me.target.name === 'btpower')power.gotoAndStop(2);
       if(me.target.name === 'btchinoise')chinoise.gotoAndStop(2);
       if(me.target.name === 'btjohayeux')johayeux.gotoAndStop(2);
    }
    function lache(me:MouseEvent):void {
       if(me.target.name === 'btout'){
          musique.gotoAndStop(1);
          nuit.gotoAndStop(1);
          power.gotoAndStop(1);
          johayeux.gotoAndStop(1);
          angelum.gotoAndStop(1);
          chinoise.gotoAndStop(1);
       }
       if(me.target.name === 'btmusique'){
          out.gotoAndStop(1);
          nuit.gotoAndStop(1);
          power.gotoAndStop(1);
          johayeux.gotoAndStop(1);
          angelum.gotoAndStop(1);
          chinoise.gotoAndStop(1);
       }
       if(me.target.name === 'btnuit'){
          power.gotoAndStop(1);
          johayeux.gotoAndStop(1);
          out.gotoAndStop(1);
          angelum.gotoAndStop(1);
          chinoise.gotoAndStop(1);
          musique.gotoAndStop(1);
       }
       if(me.target.name === 'btangelum'){
          power.gotoAndStop(1);
          johayeux.gotoAndStop(1);
          out.gotoAndStop(1);
          nuit.gotoAndStop(1);
          chinoise.gotoAndStop(1);
          musique.gotoAndStop(1);
       }
       if(me.target.name === 'btpower'){
          johayeux.gotoAndStop(1);
          out.gotoAndStop(1);
          nuit.gotoAndStop(1);
          chinoise.gotoAndStop(1);
          musique.gotoAndStop(1);
          angelum.gotoAndStop(1);
       }
       if(me.target.name === 'btchinoise'){
          johayeux.gotoAndStop(1);
          out.gotoAndStop(1);
          nuit.gotoAndStop(1);
          musique.gotoAndStop(1);
          power.gotoAndStop(1);
          angelum.gotoAndStop(1);
       }
       if(me.target.name === 'btjohayeux'){
          chinoise.gotoAndStop(1);
          out.gotoAndStop(1);
          nuit.gotoAndStop(1);
          musique.gotoAndStop(1);
          power.gotoAndStop(1);
          angelum.gotoAndStop(1);
       }
    }

    HARNELBE
    Nouveau membre
    Nouveau membre

    Messages : : 2
    Age : : 45
    Logiciels : Logiciels : : 3DSMAX, Photoshop, Dreamweaver, Flash, Illustrator, Turntool, Renderware
    Date d'inscription : 30/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Merci !

    Message par HARNELBE le Mer 30 Juin - 22:03

    Je viens de faire ce tutorial et j'ai beaucoup appris.
    Merci de mettre à dispo ces vidéos qui permettent d'apprendre vraiment de façon agréable.

    Contenu sponsorisé

    Re: Interaction apparition (afficher une image via un bouton)

    Message par Contenu sponsorisé Aujourd'hui à 23:53


      La date/heure actuelle est Sam 3 Déc - 23:53