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 :

V�rifier le chargement d'un backgroundImage ?


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Avril 2015
    Messages
    12
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Avril 2015
    Messages : 12
    Par d�faut V�rifier le chargement d'un backgroundImage ?
    Bonjour,

    Pour un projet de premi�re ann�e universitaire, je tente d'ajouter � mon premier projet de site une page de chargement. Le chargement concerne essentiellement les images plus ou moins lourdes qui peuvent mettre du temps � s'afficher enti�rement, le reste comme le texte n'est relativement pas important dans le chargement. Le but �tant de r�aliser une page de chargement 'dynamique', donc qui �volue selon le taux de chargement (0 � 100%), pour se faire, nous v�rifions g�n�ralement si l'image est charg�e, soit avec l��v�nement .onload, ou bien .complete que je viens de d�couvrir.

    Le probl�me, c'est qu'une bonne partie des images concern�es sont des background-image, et les m�thodes .onload ou .complete ne semblent donc plus fonctionner. A priori, je ne sais que r�cup�rer l'url de l'image de fond, avec par exemple :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    window.getComputedStyle(document.getElementsByTagName("header")[0],'').backgroundImage
    Voici donc mes questionnements :
    Y a-t-il moyen de savoir si une image de fond est enti�rement charg�e ?
    Si oui, comment serait-il possible de le d�tecter ?


    PS: J'ai essay� aussi en v�rifiant que la balise "header", par exemple, soit charg�, or il m'indique que la balise est charg� avant m�me que l'image de fond ne le soit, donc a priori, il ne la prend pas en compte ...

  2. #2
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Bonjour,
    contourne le probl�me en utilisant des new Image() m�me pour les images en background.

  3. #3
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Avril 2015
    Messages
    12
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Avril 2015
    Messages : 12
    Par d�faut
    Ok, donc si j'ai bien compris le principe, cela donne :

    - On appelle l'image dans notre JavaScript � l'aide de l'instruction new Image() (dont nous ne faisons pas interagir avec le code HTML)

    - Une image, m�me appel�e 10'000 fois dans notre page, ne charge qu'une fois
    Donc, si le new Image() est charg�, alors c'est que mon image, m�me en BackgroundImage, est bien charg� ?

  4. #4
    Membre tr�s actif
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    744
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 80
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activit� : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 744
    Par d�faut
    jour

    tu peut d�finir le background apr�s le chargement de l'image

  5. #5
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Avril 2015
    Messages
    12
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activit� : �tudiant

    Informations forums :
    Inscription : Avril 2015
    Messages : 12
    Par d�faut
    Ok, merci bien � vous deux

  6. #6
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    - Une image, m�me appel�e 10'000 fois dans notre page, ne charge qu'une fois
    c'est cela pour les autres appels le navigateur v�rifie d'abord, si elle est pr�sente dans le cache, sauf demande contraire.

    [Edit]
    tu peut d�finir le background apr�s le chargement de l'image
    c'est nullement n�cessaire dans ce cas.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 2
    Dernier message: 20/01/2015, 14h02
  2. Classe DOM v�rifier le format au chargement
    Par anat1212 dans le forum Langage
    R�ponses: 1
    Dernier message: 06/04/2009, 21h08
  3. action APRES chargement complet ...
    Par PinGuy dans le forum Delphi
    R�ponses: 7
    Dernier message: 06/07/2006, 17h16
  4. Chargement d'une texture a partir de la m�moire
    Par logramme dans le forum DirectX
    R�ponses: 6
    Dernier message: 27/01/2003, 14h57
  5. Chargement dynamique de DLL sous Unix
    Par Willou dans le forum Autres �diteurs
    R�ponses: 7
    Dernier message: 18/12/2002, 18h25

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