Who knows how to place an animated gif in an article?

I wanted to put an animated image onto my new article but when I saved it, it only saved one slide of the overall image and so there was no animation.  I remember someone here (can't remember who) had an animated image on his or her article so it must be possible for me too.

How do I do this?

Did you enter the code in the html window?

I'm sorry, Achim, but you're going to have to give me a bit more to go on that that.  Let me show you where I got the image from and then you tell me which code I was supposed to put in, ok?

http://en.wikipedia.org/wiki/File:Breakup_of_Yugoslavia-TRY2.gif

Help much appreciated.

I don't know how to do this. Perhaps someone else can help?

I'm going to change your thread title, Sheri, so people know better that help is needed here.

Just testing this.


EDIT: Right, it's working in the forum posts so theoretically (as I believe the HTML constraints are the same) it should work in your articles too. Note that it's small because the full-size image is pretty large! The code you'll want to enter is this:

<img alt="" height="X" src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Breakup_of_Yugoslavia-TRY2.gif/746px-Breakup_of_Yugoslavia-TRY2.gif" width="X" />

You'll have to change the height and width to something that'll suit your page best - I left them as X. They're the width and height of the image in pixels.

I hope this helps!

EDIT2: I've just checked in a drafted article and yes, the code will work however you'll need to click the "edit HTML source" button and place it inside a text module rather than an image module. I believe this is potentially causing the problem as I don't think the image module is built for .gifs.

EDIT3: Can confirm this was the issue - it seems that when you use the image module Wizzley re-uploads the image to their servers which is a sensible thing to do - it means that the image will always be available. This causes a problem when it comes to animations as it'll only upload the first frame of the animation. Using the HTML editor bypasses this as Wizzley displays the content as it is on the URL that you gave it which in this case has been uploaded to Wikipedia's servers as an animation.

EDIT4 (Lots of edits!) :  A mirror is available here ( http://i.imgur.com/OIThO.gif ) which in all honesty may be more stable than the Wikipedia URL - I know WIzzley favours imageshack but my personal preference is with imgur for uploads. This would make the code that you want to use (don't forget to change the height and width!) :

<img alt="" height="X" src="http://i.imgur.com/OIThO.gif" width="X" />

The two bits of code will produce the exact same result it's just that this one is potentially more stable than the Wikipedia link though the admins may prefer the gif to be hosted via imageshack which isn't a problem - if it is a problem and you're unsure how to do this, just drop me a PM and I'll be happy to help! 

Apologies for the long-winded reply and bajillion edits!

Wow, Thanks. This is fun. I like it!

Paul to the rescue - I'm impressed! Thanks, Paul.  

Sheri - another lesson for you and all other authors: 

Always state exactly what you want in your forum post titles. If you need advice - say so!

A simple "animated .gifs" might not entice any of our helpful members to click through to the post itself. 

Not a problem! 

Yes, Achim, I really should learn to make better titles.

And Paul, thanks so much for your help.

Jerrico_Usher: 12/14/2012 - 04:26 PM

---

Exactly my feeling too.  Makes me want to try this.