Mouseover avec delais d'une seconde

skuti Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   -  
skuti Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'aimerais mettre dans ma page web un nouvelle effet, avec une apparition d'une image en fondu.

But: le but est de passer son curseur sur le nom d'une photo et SI on laisse son curseur dessus plus d'une seconde l'image apparait.

Mais je n'y arrive pas.

Quelqu'un pourrais m'aidé?
Configuration: OS: Windows Vista 32bits CPU: Intel(R) Core(TM) 2 Duo T7250 2GHz RAM: 2Go

7 réponses

  1. Dynamix Messages postés 206 Statut Membre 76
     
    Tu pourrais essayer quelque chose comme ça :

    <img style="display:none" src="photos/moi1.jpg" id="image1" />
    <input value="afficher" type="button" onmouseover="apparition()" />

    <script type="text/javascript">
    var TEMPS = 1000; // Le temps nécessaire pour l'apparition, en ms

    function apparition() {
    setTimeout("reveler()", TEMPS);
    }
    function reveler() {
    document.getElementById("image1").style.display = "block";
    }
    </script>

    Ça ça fonctionne pour l'image1 uniquement, à généraliser bien sûr et à adapter suivant tes besoins.
    1
  2. skuti Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   2
     
    Personne?
    0
  3. tarek_dotzero Messages postés 834 Statut Membre 122
     
    Comme tu le dis, tu dois utiliser l'évènement mouseover, j'ai une idée:

    Tu as besoin de deux fonctions:
    1. Quand la souris est sur le bouton, il faut faire deux chose:
    a. Initialiser une variable.
    b. lire l'heure, lancer une boucle qui doit vérifier que l'heure actuelle est différente de l'heure lue (donc une seconde a passé), quand il sort de la boucle, il vérifie la variable si elle est encore initialisée, et si oui il affiche l'image.

    2. Quand la souris passe sur un autre composant, il faut modifier la valeur de la varibale (alors quand il sort de la boucle déjà lancée il ne trouve pas la même valeur et l'image n'est pas affichée).

    Je ne suis pas vraiment fort en web mais cela doit marcher avec quelques adaptations.
    0
  4. skuti Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   2
     
    merci pour ta reponse,

    en effet ce n'est pas une solution que j'avais envisagé.

    Mais comment recuperer l'heure?
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. tarek_dotzero Messages postés 834 Statut Membre 122
     
    En JavaScript, je ne sais pas, mais en VBS: now suffit, alors

    
    debut = Now
    
    fin = Now
    
    while(fin = debut)
      fin = Now
    wend
    
    MsgBox "Une seconde passée entre " & debut & " et " & fin
    
    


    Voilà, je l'ai essayé, met le code dans un .vbs et double clique.
    Pour la gestion des évènements, je suis pas assez fort :(
    0
  7. skuti Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   2
     
    ok merci pour ta réponse je vais éssayer sa ^^

    je te tient au courant !
    0
  8. skuti Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   2
     
    Le probleme c'est que je ne c'est pas comment utiliser une fonction javascript depuis jquery ou l'inverse.
    Oui parceque la majeur partie de mes effet son en jQuery.
    0