Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

We have included couple animated GIF images on our blog post. They animate in the CMS but not on the post itself (unless you click on them). How can we animated them on the post? Many thanks.

share|improve this question
add comment

closed as off topic by toscho May 5 '13 at 9:21

Questions on WordPress Development Stack Exchange are expected to relate to WordPress within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

1 Answer

Animated gifs will not be animated when resized. I see that you're using the full sized image, but there are parameters added to the src attribute (probably due to some plugin or your theme):

From the source:

<img class="size-full wp-image-4604" title="Koch snoflake progression" alt="" src="http://wewanttolearn.files.wordpress.com/2012/10/snowflake-diagrams1.gif?w=545&amp;h=472" height="472" width="545">

Take off the parameters ?w=545&amp;h=472, and it should work. Leave the width and height attributes on the image, and it will still be displayed at 472x545. Tested it in Chrome dev tools, and it worked.

Fixed:

<img class="size-full wp-image-4604" title="Koch snowflake progression" alt="Koch snowflake progression" src="http://wewanttolearn.files.wordpress.com/2012/10/snowflake-diagrams1.gif" height="472" width="545">
share|improve this answer
    
Thanks @goto10 I just copy pasted the fixed code but it still doesn't work. –  Arthur Mamou-Mani Oct 14 '12 at 1:24
1  
No prob, we'll get it. That code should work though. I just tested again to be sure. Have you published the edit?. Looking at your link, I still see the old code: <img class="size-full wp-image-4604" title="Koch snowflake progression" alt="Koch snowflake progression" src="http://wewanttolearn.files.wordpress.com/2012/10/snowflake-diagrams1.gif?w=‌​545&amp;h=472" height="472" width="545"> –  goto10 Oct 14 '12 at 1:51
    
Hi goto10, I just published the mofified image with your fixed code but I am still not seeing the animation... –  Arthur Mamou-Mani Oct 15 '12 at 9:01
1  
Hi Arthur. Okay, upon closer inspection, I see that you're site is using WordPress.com and not .org, which means this question is generally of out of scope for WPSE. Anyway, looking at the page's source, the image still has the resize arguments on the src attribute. Can you switch over to the text editor and make sure those arguments are removed, then republish? The original gif is really big: 1365x1183. Another solution would be to resize the gif in some external program, so that it natively fits within the content area of your theme, which is a maximum width of 545 pixels. –  goto10 Oct 15 '12 at 14:35
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.