Posez votre question Signaler

Image au chargement d'une page web [Résolu]

Kelsilver - 13 janv. 2017 à 22:30 - Dernière réponse :  Messan
- 19 janv. 2017 à 18:50
Javascript / DHTML Posez votre question Signaler
Bonjour,
J'ai créé une page. Le contenu de cette page est lourd. Ce qui fait que son affichage est très lente.
Ma question est : je veux mettre une image qui va s'afficher sur la page au moment où cette est entrain de se charger. Et que cette image disparaisse après le changement de cette page.
Comment faire cela?
Merci d'avance
Afficher la suite 

Votre réponse

Répondre au sujet

3 réponses

Signaler Commenter la réponse de jordane45
jordane45 21411 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 19 juin 2018 Dernière intervention - 13 janv. 2017 à 22:33
0
Merci
Bonjour
Tu le génére comment le contenu de ta page ?

Commenter la réponse de jordane45
Signaler Commenter la réponse de Sonny04
Sonny04 8 Messages postés jeudi 19 janvier 2017Date d'inscription 19 janvier 2017 Dernière intervention - 19 janv. 2017 à 11:45
0
Merci
Bonjour ,
L'element de style "display" permet de choisir si un element est affiché ou non.

Donne un id à l'image que tu souhaites afficher. Puis quand ta page est chargée,( à toi de choisir à quel endroit ça correspond dans ton code, comme à la fin d'une promesse par exemple) insère :
<<
document.getElementById('TonID').style.display = 'none'
>>

Et ton image ne sera plus affichée !
Commenter la réponse de Sonny04
Signaler Commenter la réponse de Messan
Messan - Modifié par @karamel le 23/01/2017 à 10:51
0
Merci
BoBonjour,
Merci d'avance
J'ai compris ce que vous avez dit.
D'après mes recherches sur internet, j'ai trouvé ce code qui m'a sauvé : 
<html>
     <head>
    <script src=""quot;"quot;http://code.jquery.com/jquery-1.4.2.min.js" /></script>
    <script>
    function addLoadEvent(func) {
      var oldonload = window.onload;
      if (typeof window.onload != 'function') {
        window.onload = func;
      } else {
        window.onload = function() {
          if (oldonload) {
            oldonload();
          }
          func();
        }
      }
    }
    addLoadEvent(function() {
        $("#loading").fadeOut(1000);
    });
    /*
    $(document).ready(function() {
            $("#nav").fadeIn(3000);
            $("#main").fadeIn(3000);
    });


*/
</script>
    <style>
    #loading {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.8;
        filter:alpha(opacity=80);
        position:fixed;
        text-align: center;
        color:#FFF;
    }
    </style>
     </head>
     <body>
         <div id="loading"><br><br>Please wait...</div>
     </body>
</html>
Commenter la réponse de Messan

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.