How to animate GIFs in HTML document

Question

I have the following  lt img gt  tag in a static HTML document    lt img src  foo gif  alt  This is an animated gif image  but it does not move   gt    After I set its src attribute to point to a  gif file  i e  foo gif   the GIF appears as a static  or non-moving  image  How do I animate the GIF

User · Answer

try   x000D   x000D   lt img src  https   cdn glitch com 0e4d1ff3-5897-47c5-9711-d026c01539b8 2Fbddfd6e4434f42662b009295c9bab86e gif v 1573157191712  alt  this slowpoke moves   width  250  alt  404 image   gt  x000D   x000D   x000D    and switch the src with your source  If the alt pops up  try a different url  If it doesn t work  restart your computer or switch your browser

User · Answer

By default browser always plays animated gifs  and you can t change that behaviour  If gif image does not animate there can be 2 ways to look  something wrong with the browser  something wrong with the image  Then to exclude the first variant just check trusted image in your browser  run snippet below  this gif definitely animated and works in all browsers    Your code looks OK  Can you check if this snippet is animated for you  If YES  then something is bad with your gif  if NO something is wrong with your browser    x000D   x000D   lt img src  http   i stack imgur com SBv4T gif  alt  this slowpoke moves   width 250  gt  x000D   x000D   x000D

User · Answer

I just ran into this    my gif didn t run on the server that I was testing on  but when I published the code it ran on my desktop just fine

User · Answer

Agreed with Yuri Tkachenko s answer  I wanna point this out  It s a pretty specific scenario  BUT it happens  When you copy a gif before its loaded fully in some site like google images  it just gives the preview image address of that gif  Which is clearly not a gif  So  make sure it ends with  gif extension

[html] How to animate GIFs in HTML document?

Examples related to html

Examples related to gif

Examples related to animated-gif