How to animate GIFs in HTML document?

By default browser always plays animated gifs, and you can’t change that behavior. If the 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.

<img src="http://i.stack.imgur.com/SBv4T.gif" alt="this slowpoke moves"  width="250" />

Related Posts:

  1. How to display a gif fullscreen for a webpage background?
  2. Open source social media icons to download and use on website? [closed]
  3. CSS calc width and height values
  4. HTML encoding issues – “” character showing up instead of ” “
  5. Center image using text-align center?
  6. CSS Background Opacity [duplicate]
  7. How to create an HTML button that acts like a link
  8. What does In html mean
  9. Center image horizontally within a div
  10. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  11. How to get a tab character?
  12. Is there an upside down caret character?
  13. Prevent line-break of span element
  14. How to align iframe always in the center
  15. Stop floating divs from wrapping
  16. Expected RBRACE, but the bracket is there?
  17. How to make an image center (vertically & horizontally) inside a bigger div
  18. How to center text with Markdown?
  19. How can I get the values of data attributes in JavaScript code?
  20. Disable Scrolling on Body
  21. Darken CSS background image?
  22. Alternative to iFrames with HTML5
  23. Javascript: getElementById vs getElementsById (both works on different pages)
  24. localhost/test.php returns nothing
  25. CSS color vs. background-color vs. background?
  26. Getting “Failed to load resource: net::ERR_FILE_NOT_FOUND” when trying to load a background image
  27. CSS: background-color only inside the margin
  28. Stretch background image css?
  29. Set cellpadding and cellspacing in CSS?
  30. WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for ‘jquery’. Please add a ScriptResourceMapping named jquery(case-sensitive)
  31. Disable Scrolling on Body
  32. CSS Background Image Not Displaying
  33. Changing image sizes proportionally using CSS
  34. How to give the background-image path in CSS?
  35. Outline radius?
  36. How to call a JavaScript function within an HTML body
  37. right align an image using CSS HTML
  38. CSS Background Image Not Displaying
  39. Show/hide ‘div’ using JavaScript
  40. Why is this HTML5 document invalid?
  41. html not linking css
  42. Removing border from table cells
  43. Check a radio button with javascript
  44. How do you give iframe 100% height
  45. HTML Display Current date
  46. Error: The requested URL “[no URL]”, is invalid
  47. How to get CSS to select ID that begins with a string (not in Javascript)?
  48. Hidden property of a button in HTML
  49. Setting table row height
  50. How do I disable the resizable property of a textarea?
  51. Is there any reason for using WebGL instead of 2D Canvas for 2D games/apps?
  52. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  53. Why is colspan not applied as expected
  54. Document Root PHP
  55. Padding a table row
  56. How to align 3 divs (left/center/right) inside another div?
  57. Align an element to bottom with flexbox
  58. How can I change the thickness of my
    tag
  59. jquery – how to show a hidden div
  60. How to create spoiler text?
  61. How do I horizontally center a table in Bootstrap
  62. How do I center text in a span?
  63. text-align justify not working
  64. Best way to center a
  65. Find out whether radio button is checked with JQuery?
  66. Display text on MouseOver for image in html
  67. How to make a div 100% height of the browser window
  68. How to resize an image to fit in the browser window?
  69. HTML / CSS table with GRIDLINES
  70. How to embed a Google Drive folder in a website
  71. Pure HTML Back Button
  72. How to access and download a file from a server using HTML 5
  73. Display text on MouseOver for image in html
  74. Layout a flex box similar to a table?
  75. html : iframe not showing content in html
  76. In which directory do I find the HTML file of my wordpress pages?
  77. How can I publish Word files to a WordPress blog without losing the footnotes?
  78. Preserve white-space in Page
  79. How do we remove mystical [X] from text? Image included
  80. Remove html markup by wordpress
  81. How can I set different html lang attribute for different countries?
  82. Add Attribute to p Tag of Post Content
  83. custom html in page change in browser
  84. Add Adsense to a website but the server responds with error 510 [closed]
  85. Can’t save any WordPress post with the html tag in it
  86. remove string: ‘custom content…’ from every page
  87. How to disable escaping html chars in wordpress?
  88. html entities occur in the_excerpt used as meta description
  89. Allow Access To Subfolder Of HTML For Logged In Visitors
  90. Removing Line Break Tags from a Page
  91. Insert data through a script directly in the db
  92. Using Tags Instead of Categories for site structure
  93. Use Mail-Tag from Contac Form 7 in a script
  94. Line break before headings () appears from nowhere
  95. Tidy HTML formatting in Gutenberg HTML blocks
  96. Unable to autoplay and loop a cinemagraph from Imgur
  97. standard callback function for wp_list_comments
  98. How to replace a specific html tag in bulk?
  99. Inserting code into a page just shows raw HTML
  100. How can I insert a disclaimer in a WordPress site?

Leave a Comment