Déplacement clip-curseur

Question

Bonjour,

Je voudrait savoir comment faire pour qu'un clip suivent le curseur. Je m'explique.
Par exemple j'ai une image. Dès que je passe dessus je voudrai qu'un clip apparaisse permettant de voir la description de l'image tout en suivant la souris dans la zone cliquable et que celui la disparaissse dès que je quitte la zone cliquable à savoir l'image elle-même.

Merci

cs_Girou · Answer

Salut,

utilise les propriétés onRollOver et onRollOut du clip contenant l'image pour activer/desactiver l'affichage de tes informations

Pour qu'elles suivent ta souris, utilise la propriété onEnterFrame pour récupérer la position de la souris (Clip._xmouse et Clip._ymouse) et placer ton clip contenant les infos en conséquence (Clip._x et Clip._y)

@+

Orange73 · Answer

Merci pour votre réponse. mais étant débutant serai t'il possible d'avoir un .fla avec quelque chose de tres simple par exemple un carré... juste pour votre comment faire.


 


Cdlt.

cs_Girou · Answer

Re salut,

pas possible de faire un fla pour le moment...
essaye comme ceci :

sur ta scene :
tu as un clip contenant un carré que tu nommes clipInfo
un clip contenant ton image (a survoler) que tu appelles clipImage


sur un calque au-dessus, tu place le script suivant :

clipInfo._visible=false
clipInfo.onEnterFrame=function(){
   this._x=clipImage._xmouse
   this._y=clipImage._ymouse
}
clipImage.onRollOver=function(){
   clipInfo._visible=true
}
clipImage.onRollOut=function(){
   clipInfo._visible=false
}
stop()

@+

Orange73 · Answer

Merci bcp !!! sa marche !
Une dernière tite chose :) , comment faire pour que le clipInfo ne se mette pas sur le curseur mais un peu a droite ou a gauche ?
Cdlt.

Darkrats · Answer

Salut,

Si tu veux décaller ton clip, il te suffit de le lui demander 
Code : (je reprends celui de Girou)
    clipInfo.onEnterFrame= function(){
       this._x=clipImage._xmouse + 20;
       this._y=clipImage._ymouse;
    }
 Fin de code 
Avec ce code, tu auras toujours ton clip 20px à droite du curseur. 

Si tu veux que ça soit à gauche ou à droite en fonction de l'objet survolé, je te recommande plutôt de faire quelque chose comme ceci
Code : 
    clipInfo._visible =false
    var nDecallage :Number = 0;
    clipInfo.onEnterFrame=function(){
       this._x=clipImage._xmouse + nDecallage;
       this._y=clipImage._ymouse;
    }
    clipImage.onRollOver=function(){
        nDecallage = 20;
       clipInfo._visible=true;
    }
    clipImage.onRollOut=function(){
        nDecallage = 0;
       clipInfo._visible=false;
    }
    stop();
Fin de code
Il te suffit de changer la valeur de nDecallage dans la fonction rollOver. 
--------- Darkrats ---------
la loi est dure mais c'est la loi
 -------- Infograpix --------

Déplacement clip-curseur

5 réponses

Votre réponse

Discussions similaires