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 -
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é?
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é?
A voir également:
- Mouseover avec delais d'une seconde
- 1 milliard en seconde - Accueil - Technologies
- Toutes les formules de maths seconde pdf - Télécharger - Études & Formations
- Pc s'allume 1 seconde puis s'éteint ✓ - Forum Windows
- Delais virement vinted - Guide
- 3654 seconde en heure, minute et seconde ✓ - Forum Javascript
7 réponses
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.
<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.
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.
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.
merci pour ta reponse,
en effet ce n'est pas une solution que j'avais envisagé.
Mais comment recuperer l'heure?
en effet ce n'est pas une solution que j'avais envisagé.
Mais comment recuperer l'heure?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
En JavaScript, je ne sais pas, mais en VBS: now suffit, alors
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 :(
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 :(
