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

jQuery Discussion :

Recharger une image sans que sa source n'ait changé


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    726
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 726
    Par défaut Recharger une image sans que sa source n'ait changé
    Une image avec une source sur ma page.
    Je retourne l'image sur le serveur.
    Je veux maintenant rafraichir mon image sur ma page.

    Seulement si la source de l'image ne change pas, jquery garde l'image qui est en cache (c'est à dire la vieille image pas retournée)

    N'existe - t - il pas un moyen de rafraichir l'affichage de l'image sans changer sa source ?

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2005
    Messages
    151
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Avril 2005
    Messages : 151
    Par défaut
    Une petite bidouille simple est de rajouter un élément aléatoire à l'url de ton image :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var urlDeBase = monImage.src.split('?')[0];
    monImage.src = urlDeBase+'?'+Math.random();
    Vu que l'url change, même si c'est la même image, il va la recharger depuis le serveur.

  3. #3
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Avec Random il existe un petit risque que l'on aie la même valeur
    (d'accord c'est très peu probable)
    Je préfère:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var stamp = new Date().getTime();
    monImage.src = urlDeBase+'?'+stamp;

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Recharger une page sans que cela se voit
    Par Tendhor57 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/06/2013, 16h51
  2. Recharger une image sans recharger la page
    Par willyg28 dans le forum jQuery
    Réponses: 2
    Dernier message: 04/04/2012, 18h31
  3. Réponses: 4
    Dernier message: 07/07/2009, 22h56
  4. Changer une image sans recharger la page
    Par stiiX13 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/05/2009, 21h21
  5. Réponses: 6
    Dernier message: 09/10/2008, 19h43

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