animation gif ne joue pas sur le rafraîchissement

Première fois que je l'affichage de la page avec une animation .gif il joue bien sur chargement de la page (qui dure environ 2 secondes).

Sur refresh (F5), l' .gif ne joue plus et seule la dernière image de l'animation gif est indiqué.

Est-ce que je peux faire pour vous assurer qu'il joue à chaque fois?

source d'informationauteur Feeney

  1. 10

    Pour le PHP la meilleure option, puis à l'aide de date("Ymdgis"); est à l'aide de time()comme ceci:

    <img src="picturePath.gif?<?php echo time();?>" />
  2. 8

    Étrange comportement qui affecte tous les navigateurs..

    J'ai l'habitude de l'actualiser manuellement avec ce script (il utilise jQuery)

    <img id="gif_animata" src="picturePath.gif">
<script type="text/javascript">
    var gifSource = $('#gif_animata').attr('src'); //get the source in the var
    $('#gif_animata').attr('src', ""); //erase the source     
    $('#gif_animata').attr('src', gifSource+"?"+new Date().getTime()); //add the date to the source of the image... :-) 
</script>

    Cela actualiser le src de l'image en ajoutant la date actuelle, de sorte que le navigateur va re-charge, pensant que c'est une nouvelle image.

    Sinon dans la manière de PHP (je préfère celui-ci):

    <img src="picturePath.gif?<?php echo date("Ymdgis");?>" />

//for the browser it will seems that's a new picture!
<img src="picturePath.gif?2012092011207">
  3. 0

    La solution qui fonctionne pour moi pour cette question est de recharger le GIF manuellement à l'aide de Javascript

    GIF mis en œuvre sur le CSS (background-images)

    var element = document.getElementById(name);
element.style.backgroundImage = "none";  
element.style.backgroundImage = "url(imagepath.gif?"+new Date().getTime()+")";

    GIF mis en œuvre sur le code HTML (balise img)

    var element = document.getElementById(name);
element.src = "";  
element.src = "imagepath.gif?"+new Date().getTime();

    Grâce à @sekmo

  4. 0

    Cela fonctionne, ne nécessite qu'une ligne en dessous et je suggère de ne remplissant pas les <img> attribut src d'abord si la page n'essayez pas de charger des ressources inutiles.

    <img id="gif" src=""/>
<script>document.getElementById('gif').src="path_to_picture.gif?a="+Math.random()</script>
  5. -2

    Il se peut que votre navigateur est juste la version en cache. Essayez maintenant la touche maj enfoncée et rafraîchissant, et voir si cela fonctionne.