Image au chargement d'une page web
Résolu
A voir également:
- Image au chargement d'une page web
- Exemple de page d'authentification - Conseils pratiques -PHP
- Modele de site web - Conseils pratiques -PHP
- Cahier de charge application web - Conseils pratiques -Java
- Image chargement ✓ - Forum Javascript / DHTML
- Service web - Conseils pratiques -Visual Basic / VB.NET
3 réponses
jordane45
Messages postés
38139
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 avril 2024
344
13 janv. 2017 à 22:33
13 janv. 2017 à 22:33
Bonjour
Tu le génére comment le contenu de ta page ?
Tu le génére comment le contenu de ta page ?
Sonny04
Messages postés
8
Date d'inscription
jeudi 19 janvier 2017
Statut
Membre
Dernière intervention
19 janvier 2017
19 janv. 2017 à 11:45
19 janv. 2017 à 11:45
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 !
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 !
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é :
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>
