IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

afficher une image pendant un certain temps sur une page


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Avril 2008
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 26
    Points : 22
    Points
    22
    Par défaut afficher une image pendant un certain temps sur une page
    Bonjour,

    je voudrais afficher une image pendant un certain temps sur une page puis afficher une anim flash aprés,
    j'ai mis mon image dans un <div> que je lui est associé un identifiant et aussi pareil à l'anim,
    je voudrais que mon image s'affiche pendant quelque temps (le temps que l'anim se charge) puis j'affiche la div avec mon anim et l'autre div avec l'image doit disparaitre,
    est-il possible de le faire avec js ?
    Merci

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    oui ^^

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div id="imgPatienter">
    <img src="limage"  />
    </div>
     
    <div id="animFlash">
    ...
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <script type="text/javascript">
    var test =  setTimeout(function(){document.getElementById('imgPatienter').style.display = "none";document.getElementById('animFlash').style.display = "block";},5000);
    </script>
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

  3. #3
    Membre à l'essai
    Inscrit en
    Avril 2008
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 26
    Points : 22
    Points
    22
    Par défaut
    Merci pour le script il marche bien

    le seul probléme menant c'est que mon anim s'affiche avant que l'image ne disparaisse

    je crois qu'il manque un réglage sur le tps d'affichage de l'anim et de l'image

    c possible ????!!!!

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    il faudrait que ton animation appel la méthode permettant de masquer la div une fois chargée ... ça se fait coté flash ça
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

Discussions similaires

  1. afficher un message pendant un certain temps?
    Par khmer-pride dans le forum Général Python
    Réponses: 9
    Dernier message: 06/12/2011, 13h09
  2. Réponses: 11
    Dernier message: 09/07/2010, 13h42
  3. Réponses: 1
    Dernier message: 15/07/2008, 08h16
  4. Comment afficher un message pendant un certain temps ?
    Par potili2 dans le forum Débuter
    Réponses: 4
    Dernier message: 16/01/2008, 11h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo