Animated gifs not working

I have created several animated gifs (using photos on a continuous loop) in photoshop on my mac, but they aren't working when we upload the gifs to our website. I've been creating these short animations for ages and all of the old ones are still working online. However I'm not doing anything differently, and am being careful to create them properly. The animations also play properly when I drop them into any old web browser. It's only when we upload them to a website that they stop working and display only the first frame.
Since a) I haven't changed the way I make these animated gifs, b) they work when dropped into a web browser, and c) the previously created animations are working online, does anyone have any idea why these recently created ones aren't working? Is it likely to be a photoshop problem?
Any ideas appreciated!

Can you share a sample web page?
Which browsers are you using to test the live web pages? Some browsers may have optionally disabled animated GIFs (although this would be unlikely if one GIF plays and another does not). ...and Safari has had a history of quirks with animated GIF play.

Similar Messages

Why does animated .gif not work with windows?

I have created an animated .gif to place in a powerpoint presentation, but when I sent it to my client who used a windows computer, it does not work. When I try to open the .gif in my windows 98 virtual machine, it says it has errors.
I created it in photoshop CC using the timeline and saving it with "save for web".

AAAAAAAGGGGGGHHH! Stupid Powerpoint corrupted the files when it "packaged" them
Thank you for pointing me in the right direction.
It is very difficult to figure out what my client is doing on his end.
It won't let me mark you both as correct.

Animated GIF - not working properly

Hi,
I'm trying to get an animated GIF working in my swing program. I am drawing on a JPanel using paintComponent.
Here's the thing: It will animate, (faster then it should) and then pause animation for 5 seconds, then animate again. I am trying to achieve constant animation, at the framerate in which is set inside of the GIF file. Is there a better method to use then what I am using? It's not a repaint problem, as I am repainting constantly. Here's what I got:
String filename = "myimage.gif";
Image img = Toolkit.getDefaultToolkit().getImage(filename);
g.drawImage(img, x + 28, y + 79, this);A code snippet would be helpful as I am only two weeks into Java and have difficultly reading the Sun documentation.
Thanks for reading,
Nate

Does that entire code snippet appear in the paintComponent method? It should be more like this,
String filename = "myimage.gif"
Image img = Toolkit.getDefaultToolkit().getImage(filename);
public void paintComponent(Graphics g) {
     g.drawImage(img,x+28,y+79,this);
}You shouldn't try to get the image from the toolkit everytime. Just get it once, and everytime you paint the image, the next frame will be painted.
To introduce a constant delay you can use javax.swing.Timer to simply repaint the panel whenever you want to. Here's sort of a basic example
import javax.swing.ImageIcon;
import javax.swing.JPanel;
import javax.swing.Timer;
import java.awt.Image;
public class GifAnimation extends JPanel
        implements java.awt.event.ActionListener {
    private Image img;
    private Timer timer;
    private int delay;
    public GifAnimation(String fileName) {
        java.awt.Toolkit toolkit = java.awt.Toolkit.getDefaultToolkit();
        //The image icon will load the image
        img = new ImageIcon(toolkit.getImage(fileName)).getImage();
        if (img.getWidth(null) == -1 && img.getHeight(null) == -1) {
            System.err.println("Unable to load image: " + fileName);
        }else {
            setPreferredSize(new java.awt.Dimension(img.getWidth(null),
                                                   img.getHeight(null)));
        //in milliseconds
        this.delay = 100;
    public int getDelay() {
        return delay;
    public void setDelay(int delay) {
        this.delay = delay;
        if (timer != null) {
            timer.setDelay(delay);
    //This method is called when a component is connected to a native
    //resource. It is an indication that we can now start painting.
    public void addNotify() {
        super.addNotify();
        if (img.getWidth(null) != -1) {
            timer = new javax.swing.Timer(delay, this);
            timer.start();
    public void removeNotify() {
        super.removeNotify();
        if(timer != null) {
            timer.stop();
            timer = null;
    public void actionPerformed(java.awt.event.ActionEvent e) {
        //you can alternatively use paintImmediately(), but there are
        //going to be certain consequences to using that.
        repaint();
    public void paintComponent(java.awt.Graphics g) {
        //Clears the background before drawing the next frame
        super.paintComponent(g);
        if(img.getWidth(null) != -1) {
            int x = (getWidth() - img.getWidth(null))/2;
            int y = (getHeight() - img.getHeight(null))/2;
            g.drawImage(img,x,y,this);
}In a GIF file each frame has a duration specified in hundreds of a second. And each frame also has an offset position (not all the frames need to have the same width or height). I can show you how to load this information from the file, but I'm not sure if it would bring major confusion. It requires the use of javax.imageio.ImageIO and javax.imageio.metadata.IIOMetadata . It also requires a recursive method to search the image's metadata for the needed information (a bit overwhelming for a person two weeks into java).

Animated gif not working

Hi All,
Animated gif seems to have an issue in flex.
seemingly a swf will solve the problems.
Does anyone have a swf corresponding to the progress indicator?
Any help will be highly appreciated.
Thanks
Yukti

Hi YKaura,
Yes the gif animated files doesn't work directly...
I think you want to add custom preloader to your application overriding the default gray preloader..If so then check out these links...
http://www.pathf.com/sites/pfd/flash/blog/08142008/srcview/index.html
http://www.pathf.com/sites/pfd/flash/blog/08142008/PreloaderComponent.html
http://www.pathf.com/blogs/2008/08/custom-flex-3-lightweight-preloader-with-source-code/
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari

Why animated gif not working in webpage designed in fireworks?

Hi,
I have 2 questions. Pl. consider me a novice in this field, started just 2 days ago.
1. I have designed a website page in fireworks cs5, I have added an animated gif in the page and when I preview in browser or export the webpage.png the animated gif's background color is only shown and no animation takes place. Where as when I run the gif file only in web browser it shows animation. Why the animation doesn't show in the website. However, when i change the selection to "animated gif websnap128" at the bottom of the screen, then every element of the whole webpage alongwith the animated gif start doing animation, that is everyelement changes (animate) from state 1 to state 2 contineously.
other question is in new thread.
thanks for your help.

The animation needs to be in a seperate slice.

Animated GIF not working. Tried everything, doesn't help.

Hello,
A short while ago, I had a problem with the overlarge size of my site, when viewed using Firefox, and reduced the "font size," etc., to 1.0 via about:config.
However, as I now need to reset the font to its original (Firefox 24.0?) size. Can anyone please tell me what the original font size was BEFORE I reduced it?
Many thanks for your help.
EPS23

See http://kb.mozillazine.org/Animated_images

Why are animated gifs not displaying animations in the preview?

Why are animated gifs not displaying animations in the preview?
My coworkers and I are not seeing a animation in the preview pane in Adobe Bridge CS6 even when clicking the play button in the preview window. However, we do see a graphic of the first frame and one person sees 1 frame when clicking play and one other frame and then the animation stops, however, that is not the complete animation.
I'm using Windows 7 32 bit
My coworkers are using a mac.
One coworker has apple OS Mountain Lion with a Intel Quad-Core Xeon – 64 bit system.
Is this fixable or in the works as a patch? Otherwise we have to open these docs in a browser in order to view them properly.

I've just come to the realization that some animated gifs do play fine and others do not. A coworker of mine suggests that if it's an animation made via Adobe Photoshop, it'll work in bridge but will not if it's made using something else.

Safari - Animated GIF not Animating Issue

I am frequenting site and have noticed animated gifs not animating properly on this page. The site is http://www.woot.com
Problem Detail:
There are two "whirly lights" on each side of a progress bar under the item currently for sale. The left light starts to animate while the page is loading but stops while the right light continues its animation.
This particular site may usually only uses these images every once in a while so if no one checks this in the next couple days the images will no longer be there. I created a web archive the site which I could send if this page does go away. The issue does not happen in Firefox or Internet Explorer.

Hi and Welcome to Apple Discussions
I get the same effect as you in Safari. Loaded with no problem in Firefox. Page does have coding errors, which can lead to inaccuracies in how the page is rendered. Safari is much more strict about correct coding than Firefox, adhering to web standards set out by Web Standards Project.

This animation will not work, neither does embeded youtube videos

So this site https://www.navo.navy.mil/cgi-bin/animate.pl/metoc/74/84/0-0-17/0 animation does
not work (in either FF or Safari on mac, works great on any browser on xp).
Anyone know why???
Also, if I try to look at a embeded youtube video it shows a black screen unless I scroll so that the
video is partially blocked (top or bottom).
Anyone?

Create a new profile as a test to check if your current profile is causing the problems.
See "Creating a profile":
*https://support.mozilla.org/kb/profile-manager-create-and-remove-firefox-profiles
*http://kb.mozillazine.org/Standard_diagnostic_-_Firefox#Profile_issues
If the new profile works then you can transfer some files from an existing profile to the new profile, but be careful not to copy corrupted files.
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox
Try to boot the computer in Windows Safe mode with network support (press F8 on the boot screen) as a test to see if that helps.

InDesign DPS: Simple animation does not work in folio?

I'm building a simple recipe app using InDesign CS6, using the Digital Publishing tools.
On one page I applied an animation, "fly in from bottom" to an object.
When I eventually build the folio and view it on my ipad with the Adobe Content Viewer, the animation does not work on that page.
I've watched a couple tutorials on how to use the animation tools, how to set the path, etc. but none of them mention any other steps for getting the animation to work once you build the folio.
Am I missing something?
Thanks!
Bruce

Okay, I'm gonna try helping out on this.... I don't think layers have any effect on this, or at least I haven't noticed they do, the just help keep you organized and maybe for arrangment...
So....
You can just lock the background, it isn't involved, it is just the background.
1. Make your button to open/start the sequence and make your finished state and an empty box. In this case the button the button is just a text frame. The finished state is a shape, text frame and two lines grouped (to make an "x" for the close button). In your case it will be your image sequence and the button to close it. Have all the elements of the finished state grouped.
2. Select both groups. In the object states panel, hit the new button. you should now have a multistate object with two states. One empty state and one state with your sequence, etc..
3. Now select your open button. In the button panel, choose the add action button "+" and choose Got to State (or go to next state) and make sure the object is the multistate object you just created. For the state, choose the state with your sequence.
4. Now select your multistate object. In the object states panel choose the state with your image sequence and close button. Select your close button. Go to the buttons panel and add an action to go back to the empty state.
Test it out, it should work fine now. I don't have an image sequence handy, but you may have to mess with the autoplay settings, etc. but it should work just fine.
Notes of interest: As buttons display only as raster on an iPad, I find it best to make a clear button on top of the button graphic. That way the button can be vector. and the clear box becomes raster.
I really, really reccomend watching some of the videos on Adobe TV, they explain and review a bunch of this. Also, there is an app called DPS Tips App by Bob Bringhurst for free on the Apple Store, he explains all the goodies quite well. You can also use Wallaby to convert indesign animation to flash and then HTML5, but that gets more complicated and it can also have a load delay. Good Luck!

My text animations are not working.

My text animations are not working. I highlight my text, go to animations and it won't even let me
apply an animation. the apply button is not clickable. How do I fix this?

tevelp
What version of Premiere Elements and on what computer operating system is it running?
It is most likely that you are trying to apply the text animations to more than one line of text.
You can apply text animation to more than one line of text in the project's Titler but it takes special considerations.
Please review the how to details in the following.
http://atr935.blogspot.com/2013/07/pe-titler-part-1-text-animations.html
Please review and consider. Any questions or need clarification on the how to, please do not hesitate to ask.
We will be watching for your reply and will get your text animation in the project's Titler working for you.
ATR

Animation does not work in Google Chrome

I was using Chrome as my defualt for testing my Edge projects. At some point, I changed the way divs were stacked and animated the position of one of the divs and the animation never worked thereafter. That said, It works fine in Firefox and Safari. Anyone have any insights as to what could be the problem?
Is there anything I can provide that will give better clarity to this issue?
Here is a link to the project:
http://aaronjames.me/sandbox/menu-icon/menu-icon.html

Yes,
The animation is not working on google chrome on my device.
Could be because of publish setiings.
regards.

Css3 animation does not work when triggerd by backing bean method

Hi,
I use Jdev 11.1.1.4 (but I guess the Jdev/ADF version does not matter in this case) and Firefox 15.0.1.
I tested some parts of article https://blogs.oracle.com/groundside/entry/css_animations_the_panel_flip from Duncan Mills.
The CSS3 animation for styleClass "rotateOut" works fine when I trigger it from mouse hover.
The problem is that the animation does not work when I set the styleclass in a backing bean.
In this case the UI component to rotate (in my case the calender component) changes immediatelly to the transition target without the transition-duration of 2 seconds and therefor there is no animation effect visible for the user.
Here the backing bean code:
    public void doRotate() {
       afCalender.setStyleClass("rotateOut");
       AdfFacesContext.getCurrentInstance().addPartialTarget(getAfCalender());
    }Here the skin:
.rotateOut {
    -moz-transition-property: -moz-transform;
    -moz-transition-delay: 2s;
    -moz-transform: rotateY(45deg);
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 2s;
.rotateReturn {
    -moz-transition-property: -moz-transform;
    -moz-transform: rotateY(0deg);
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 2s;
}In Duncan's article java script is used to change the style class.
Does the CSS3 animation only work when java script is used to change the style class or shoud java in a backing bean also work?
Any hints?
regards
Peter

I have tested several other settings but no success.
Any ideas?
regards
Peter

Animated .gif not moving

I've been intrigued by the new animated "postcards" or cinemagraphs (for example, see http://fromme-toyou.tumblr.com/tagged/gif). I found a great tutorial about how to do this using Photoshop Extended and the animation panel. I created my own, and then followed the instructions for saving the file:
1. "Save for Web and Devices"
2. make sure to save as GIF, looped "forever"
When I previewed the gif (from the "save for web and devices" dialog box), it worked great.
But when I save the gif, it doesn't move. It is just one frame of the animation, as a static photo. When I click the file, I get a "Preview" that shows all the frames, but I can't ever get it to move.
Is there a step I'm missing? Or is there some operating system setting I need to change? I've never created an animated gif before, but I can see other people's animated gifs in my email. (I'm attaching my gif in case you can figure it out from that.)
OKAY...I looked at the attachment, and it moves (my dog's eyes). This is the only time it has worked. I've tried to email it, post it on Tumblr, open it in my browser, but it never worked. Now, I post it here, and--at least as I look at the attachment--it works here. How can I get it to move when I post it online or try to send it via email?
I'm running Mac OSX 10.6, Photoshop CS 5.1.
Thank you!
Carol

Some email clients disable animated GIFs.
Web sites like Tumblr that have image upload functions may further process your file during upload by removing its animated features. You could control this by hosting images on your own web site.
In general, animated GIF files are not ideal for emails because of their large size. GIF is an inefficient format for photorealistic animation/video.

Animated GIF not cycling frames in Tomcat

I have pages that use animated gif files to get across a point.
In the IDE, they cycle the images as they should
SunAppserver cycles them properly.
I only get the first frame in Tomcat (5.5.7)
Over on the java.net, I saw this on a page concerning JAI:
GIF
The decoder supports animated GIF files and GIF files with transparent background. Only the first frame of an animated GIF file may be loaded via JAI; subsequent frames must be obtained via direct use of the ancillary codec classes.
Um, am I missing something, or is this a Tomcat problem ?

You just need transparency in your file. Not sure if it has to be pre-multiplied. In graphic converter you need to remove the backgrounds. Haven't used GC in years so can't say how you can be sure it's gone but in Photoshop, Illustrator and After Effects you can choose to have a checkerboard background to tell you when you are seeing 'thru' the image and by how much (the overall opacity or mask of the whole image if that doesn't confuse the issue).
If you are using PS images they will almost certainly generated with a set of rectangles including a perimeter cropping box and white background and these need to go either before it's bitmapped in a vector base app or the relevant pixels erased after it has been bit mapped in GC. As previously mentioned, if you have a unique bkgd colour, colour selecting/keying are some ways to do this). Much faster for >10 images to generate the plots without the bkgd but this may not be possible, what software is source material coming from?
I regularly bring in vector based moving art-work into keynote with alpha from Adobe AE, Apple Quartz and rendered .mov files. Some codecs (H.264) don't support a separate alpha channel (RGBA) but PNG (slow to render) and animation and a bunch of others do. Pre-multiplying removes the A channel in the RGBA (by multiplying the R/G/B by the A values) thereby speeding and making compatible with some GPUs/render pipelines.

Animated gifs not working

Similar Messages

Maybe you are looking for