14

I tried displaying a gif animated image inside my HTML code like

<img src="preview.gif" loop=infinite />

With or without the loop tag , it always plays once only.

Any help to make it loop continuously?

Philipp Zettl
  • 178
  • 1
  • 3
  • 16
Bialy
  • 841
  • 2
  • 12
  • 22
  • 1
    Possible duplicate : http://stackoverflow.com/questions/10867789/animated-gif-only-loops-once-in-chrome-and-firefox – rousseauo Nov 09 '16 at 00:20

2 Answers2

36

Looping is encoded into the GIF itself, not the img tag. Open the GIF in an image editor and change the mode to loop, or use a different GIF. The loop attribute is an invalid, deprecated attribute only meant to work when the src is a video.

Andy Ray
  • 28,150
  • 13
  • 92
  • 132
4

As mentioned it is encoded into the GIF but you can change it with tools like photoshop for this:

  • Open your file in Photoshop
  • Go to File and click Save For Web
  • At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out
  • Choose forever and save it.
ThisIsWilliam
  • 745
  • 6
  • 10