mettre image gif dans favicon, ne fonctionne pas sur chrome

Question

J'ai créé un site Web html, css qui comprend des scripts PHP, des requêtes mysql et beaucoup de choses. Je mets une image favicon pour l'icône de la page. Le favicon que j'ai créé en ligne était une sorte de format gif. Maintenant, dans Mozilla Firefox, l'image change et je suis correctement capable de voir les deux images dans favicon. Chrome affiche uniquement le premier et ne modifie pas les images. Quelle pourrait être la raison possible?

Answer 1

Chrome ne prend pas en charge les favicons animés et personne ne s'intéresse à son implémentation.

Rapport original bug: http://code.google.com/p/chromium/issues/detail?id=19731

Dernières double: http://code.google.com/p/chromium/issues/detail?id=130062

Answer 2

Cela fonctionne pour Google Chrome:

REMARQUE: Vous pouvez utiliser un tableau contenant les icônes et le cycle base64 à travers le les éléments ont instarisé l'utilisation d'une instruction switch, mais je préfère juste que cela soit réparti de cette façon.

document.head = document.head || document.getElementsByTagName('head')[0]; 
function changeFavicon(src) { 
    var link = document.createElement('link'), oldLink = document.getElementById('dynamic-favicon'); 
    link.id = 'dynamic-favicon'; 
    link.rel = 'shortcut icon'; 
    link.href = src; 
    if (oldLink) { 
     document.head.removeChild(oldLink); 
    } 
    document.head.appendChild(link); 
    } 
function animate(){ 
    if (typeof animate.i == 'undefined') { 
     animate.i = 0; 
    } 
    switch(animate.i) { 
     case 0: 
      changeFavicon("[PUT BASE64 for ICO FRAME 1 HERE]"); 
      break; 
     case 1: 
      changeFavicon("[PUT BASE64 for ICO FRAME 2 HERE]"); 
      break; 
     case 2: 
      changeFavicon("[PUT BASE64 for ICO FRAME 3 HERE]"); 
      break; 
     case 3: 
      changeFavicon("[PUT BASE64 for ICO FRAME 4 HERE]"); 
      break; 
     case 4: 
      changeFavicon("[PUT BASE64 for ICO FRAME 5 HERE]"); 
      break; 
     case 5: 
      changeFavicon("[PUT BASE64 for ICO FRAME 6 HERE]"); 
      break; 
     case 6: 
      changeFavicon("[PUT BASE64 for ICO FRAME 7 HERE]"); 
      break; 
     case 7: 
      changeFavicon("[PUT BASE64 for ICO FRAME 8 HERE]"); 
      break; 
     case 8: 
      changeFavicon("[PUT BASE64 for ICO FRAME 9 HERE]"); 
      break; 
     case 9: 
      changeFavicon("[PUT BASE64 for ICO FRAME 10 HERE]"); 
      break; 
     case 10: 
      changeFavicon("[PUT BASE64 for ICO FRAME 11 HERE]"); 
      break; 
     case 11: 
      changeFavicon("[PUT BASE64 for ICO FRAME 12 HERE]"); 
      break; 
     case 12: 
      changeFavicon("[PUT BASE64 for ICO FRAME 13 HERE]"); 
      break; 
     case 13: 
      changeFavicon("[PUT BASE64 for ICO FRAME 14 HERE]"); 
      break; 
     case 14: 
      changeFavicon("[PUT BASE64 for ICO FRAME 15 HERE]"); 
      break; 
     case 15: 
      changeFavicon("[PUT BASE64 for ICO FRAME 16 HERE]"); 
      break; 
    } 
    animate.i = animate.i + 1; 
    if(animate.i == 16){ 
     animate.i = 0; 
    } 
} 
setInterval(animate,250);