GIF animé ne fonctionne Pas sous FireFox après cache

J'ai un GIF animé que les boucles de trois fois. Je l'ai remarqué dans Firefox et Chrome (n'ai pas vérifié les autres), je peux afficher le GIF une fois et ensuite, si je recharge la page, la mise en cache GIF est pas d'images animées à tous.

Est-il une solution à cela? Est-il quelque chose sur le GIF animé que je pourrais changer pour éviter que cela se produise?

OriginalL'auteur ToiletOverflow | 2010-05-14

  1. 3

    Ses un super-vilain de la solution, mais vous pouvez utiliser cette option si l'appel de l'image à la volée, pas jolie, mais ça marche!!!

    <img src="filename.gif?rand=<?=rand(1,1000);?>" alt="" />

    espère que ça aide

    Génial solution. Ne pense pas que c'est moche. Élégant vraiment. 🙂
    Il convient de noter que c'est PHP.

    OriginalL'auteur Jade O'Connor

  2. 1

    La solution que j'ai choisi dans ce cas est d'ajouter une variable à la fin du nom de graphique, de la prévention de la graphique d'être rechargé à partir du cache lors de l'actualisation de la page.

    var myImg = new Image();
myImg.src = "image.gif?rnd=" + Math.random();

    OriginalL'auteur ToiletOverflow

  3. 1

    Jade O'Connor solution fonctionne, mais comme dit c'est un vilain solution.
    Parce qu'à chaque fois que vous visitez la page de l'image est téléchargée à partir du serveur. Cela conduit à des problèmes de bande passante pour les grandes images. Cela augmente le temps de chargement d'une page, donc c'est mauvais pour les connexions lentes.

    Est-il une meilleure solution?

    J'ai pensé à quelque chose comme ceci:

    J'ai régénéré le gif animé en boucle "pour toujours" de mode. Dans mon gif, il y avait 20 images, chacune est indiqué pour 150 ms. De sorte qu'une étape de la boucle dure 3 secondes. J'ai également créé une version jpeg de la dernière image de l'animation.

    Lorsque le chargement de la page j'ai utilisé de la fenêtre.setTimeout() la méthode pour remplacer le gif avec le jpeg après 3 secondes. Parce que je voulais le cadre final stand encore lors de la première étape de la boucle est terminée. Mais il y avait des problèmes de calendrier. Lorsque la dernière image est affichée à l'animation redémarre avant que je puisse remplacer le gif en jpeg. Est-il un moyen de détecter si l'animation est terminée ou redémarré?

    OriginalL'auteur hswner

  4. 0

    Pourriez-vous nous orienter vers le GIF en question? Il arrive avec tous les GIFs que vous utilisez? Tous fabriqués avec la même application?

    De toute façon, il suffit de ne pas cache et voila, résolu. Mais je pense que vous devriez utiliser une autre application pour créer votre GIF et voir si cela fonctionne correctement.

    OriginalL'auteur Camilo Martin

  5. -5

    Dans Firefox, vous pouvez forcer un rechargement complet (recharger le cache) avec Ctrl+Maj+R ou Ctrl+F5.

    Dans Chrome, Ctrl+F5 ou Maj+F5.

    Il est en posant cette question à partir d'un programmateur de point de vue. Vous avez répondu à partir d'un point de vue utilisateurs. Il a, en tant que programmeur, ne peut pas demander à l'utilisateur de "forcer un rechargement complet" 🙂

    OriginalL'auteur Corey