A voir également:
- Timer pour chargement d'image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Google recherche par image - Guide
- Image - Guide
3 réponses
Mimiste
Messages postés
1149
Date d'inscription
samedi 17 mai 2008
Statut
Membre
Dernière intervention
6 mars 2016
206
17 juin 2008 à 19:07
17 juin 2008 à 19:07
Oui c'est possible et c'est en javascript
Le but de la manoeuvre etant d'afficher une div (qui contient une animation ou pas, comme tu veu) en position absolue sur toute la page tant que toute les images ne sont pas chargée
Le but de la manoeuvre etant d'afficher une div (qui contient une animation ou pas, comme tu veu) en position absolue sur toute la page tant que toute les images ne sont pas chargée
serait il possible d'avoir un exemple dans ce cas? ou le script? que je comprenne un peu mieux la manœuvre s'il te plait?
Mimiste
Messages postés
1149
Date d'inscription
samedi 17 mai 2008
Statut
Membre
Dernière intervention
6 mars 2016
206
19 juin 2008 à 11:53
19 juin 2008 à 11:53
tien je t'envoi sur un site que j'ai réalise et qui utilise ce principe
www.achtungdass.com
quand tu clic sur "enter" tu verra une page de loading, c'est une DIV qui prend tout l'ecran et qui ne s'efface que lorsque tout les images ont été chargée
Regarde la source pour le code, rien n'est caché ;)
le script est celui ci
function preload(){
document.getElementById("preloadCache").style.visibility = "visible"; //J'affiche la DIV
var pageHTML = document.getElementsByTagName("img") // Je recupere toute les images
var totalImage = pageHTML.length // Je compte combien y en a
if (i < totalImage){ //Si i est inferieur au nombre d'image
if (pageHTML.item(i).complete) { // Je regarde si l'image a l'index i est fini de télécharger
i++ // J'incremente i pour passer a limage suivante
setTimeout(preload) // je relance cette fonction pour continuer (sorte de boucle)
}
} else {
document.getElementById("loader").style.visibility = "hidden"; //Je cache ma DIV
document.getElementById("preloadCache").style.visibility = "hidden"; //Je cache ma DIV
document.getElementById("menu").style.visibility = "visible";
document.getElementById("playerlink").style.visibility = "visible";
document.body.scroll="yes";
}
}
www.achtungdass.com
quand tu clic sur "enter" tu verra une page de loading, c'est une DIV qui prend tout l'ecran et qui ne s'efface que lorsque tout les images ont été chargée
Regarde la source pour le code, rien n'est caché ;)
le script est celui ci
function preload(){
document.getElementById("preloadCache").style.visibility = "visible"; //J'affiche la DIV
var pageHTML = document.getElementsByTagName("img") // Je recupere toute les images
var totalImage = pageHTML.length // Je compte combien y en a
if (i < totalImage){ //Si i est inferieur au nombre d'image
if (pageHTML.item(i).complete) { // Je regarde si l'image a l'index i est fini de télécharger
i++ // J'incremente i pour passer a limage suivante
setTimeout(preload) // je relance cette fonction pour continuer (sorte de boucle)
}
} else {
document.getElementById("loader").style.visibility = "hidden"; //Je cache ma DIV
document.getElementById("preloadCache").style.visibility = "hidden"; //Je cache ma DIV
document.getElementById("menu").style.visibility = "visible";
document.getElementById("playerlink").style.visibility = "visible";
document.body.scroll="yes";
}
}
slach24
>
Mimiste
Messages postés
1149
Date d'inscription
samedi 17 mai 2008
Statut
Membre
Dernière intervention
6 mars 2016
5 févr. 2009 à 11:20
5 févr. 2009 à 11:20
Merci bcp pour cette fonction, est ce que je peux faire ce loading pour les elements d un formulaire?
document.getElementsByTagName("input") au lieu de document.getElementsByTagName("img")
MErci
document.getElementsByTagName("input") au lieu de document.getElementsByTagName("img")
MErci