Gif animé ne fonctionnent pas correctement dans google Chrome

Il semble y avoir un problème avec l'obtention d'un gif pour travailler dans Chrome. Il fonctionne très bien sous FireFox et Opéra, mais dans Chrome il semble que quand j'continuez à faire défiler un peu partout. Il pourrait être utile de savoir que je suis la construction d'un réactif de parallaxe site web avec un gif en elle. Je ne trouve aucune information sur ce, seulement dans le Chrome, parfois, ne jouera pas le gif à tous.

  • J'utilise Chrome et GIFs animés beau travail pour moi. Êtes-vous en mesure de poster un exemple de GIF qui est rompu pour vous?
  • Je ne peux pas poster le site pour le moment, mais je me demande si il y a un problème si le site est responsive ou utilise la parallaxe défilement. Le gif est défini comme un arrière-plan 100%
  • Voici le gif: miet.be/images/gifke.gif
  • avez-vous des questions si vous chargez que gif par lui-même dans chrome (c'est à dire en cliquant sur le lien que vous avez donné)? Il affiche très bien pour moi.
  • Pas de problème, seulement sur le site.
  • Bon, le problème était le gif a été défini comme un arrière-plan. Enfin.Merci pour la réponse en tout cas!

InformationsquelleAutor Miet | 2013-01-12
  1. 2

    Vous ne savez pas si vous avez encore besoin d'un correctif pour cela, mais c'est ce que j'avais à faire quand le GIF est une image d'arrière-plan. Chrome met en cache le GIF de sorte qu'il ne joue qu'une fois. Vous avez de "forcer" l'animation à jouer de nouveau avec un peu de jQuery.

    <script type="text/javascript">
$(document).ready(function () {
    $("#myContainer").css("background-image", "url(/images/myAnimation.gif?"+ Math.random() + ")" );
});
</script>

    Très bien vous ajoutez un nombre aléatoire à la fin du GIF url pour forcer le navigateur à rejouer l'animation car il pense que c'est une nouvelle instance de l'image.
    Je voudrais encore mettre le GIF dans le CSS sur votre élément d'arrière-plan juste en cas de JS questions sur les navigateurs.

    Genre de hacky, mais il fonctionne.

    • merci, je n'ai pas besoin de plus, mais peut-être que la prochaine fois!
    InformationsquelleAutor ClosDesign
  2. 1

    Le problème était le gif a été mis en fond d'écran sur 100%. Lorsque la mettre comme une image dans le html, il a de nouveau fonctionné. Cela n'explique pas pourquoi, mais il fournit un travail autour de.

    InformationsquelleAutor Miet