Animated GIF loop problem

I have created a simple roll over effect using an animated
GIF over 10 frames in Fireworks which increases the fill opacity of
a button on mouse over. I set the loop to 1 so that the animation
will play the 10 frames and then stop, but when i export to
Dreamweaver and preview in browser the loop will not stop.

I think this is an oversight in functionality.
I also was never able to get the 'stop' to work.
h

Similar Messages

Animated gif looping doesn't work in safari

I made an animated gif through the animation option in Photoshop (used to use Image Ready, but now use photoshop/animation view). Anyway, it is a super simple gif with eight frames set to loop twice. When saved and then put into an HTML page, it loops twice on a PC using IE, and on a Mac, it plays correctly using Firefox, but in Safari it only plays once. As an experiment, I set it to play once and it "behaves" correctly on all browsers. Similarly, if I set it to play "forever" -- it behaves as expected on all browsers. BUT, any choice of number of loops cause inconsistency. In Safari, it always plays one less time than it was "programmed" to play. Does anybody have any advice on this?
Thanks.

I believe there is a way to have two versions of say the gif run the main one and one with three lops and tell you server not to load the first one if it detects safari but to load the second one with the right argument.
Or try the new Safari 4 just released today.

Animated Gif Color Problem

Hi all,
I want to make a small animated gif by My lovely software : AfterEffect...
The problem i face, that when i render my work, i get an animated gif with bad colors (like if i export as 256 colors for example..)
I put in the export setting MILLIONS OF COLORS ....
and i get always POOR color depth ...
I can see the true colors in the After Effect work Panels ...
Only when i put the composition in the render queu and export as Animated Gif, i get the Poor colors..
PLEASE HELP ME ...
Thanks

As pointed out by the others, the limitation is in the file format. You will never exceed the 256 barrier. This is further complicated by how AE determines the color palette. This usually happens on the first few frames, 'cos naturally the other frames do not exist and AE doesn't know about them. If there is considerable change in the color palette over time, this cannot be accommodated. Therefore you'd really do a lot better by following the advise provided by the others. In addition to Rick's tips, I recommend you work with the perceptive dithering mode when saving your GIFs. This usually gives the "smoothest" result, but may shift the colors ever so slightly. I also recommend to not use transparencies with animated GIFs. They have a severe impact on file size and compression quality as well as possibly the playback performance in your browser. If you know the background color of your web page, it should be part of the file.
Mylenium

Animated Gif on problems when published

Hi, Can anyone help?
I've imported an animated gif and used it on my stage but
when I publish it it doesn't work on a webpage and says that the
Gif is missing.
Does anyone know how to solve this problem?
Thanks

Hi, Can anyone help?
I've imported an animated gif and used it on my stage but
when I publish it it doesn't work on a webpage and says that the
Gif is missing.
Does anyone know how to solve this problem?
Thanks

Why would some animated gifs loop some not? (all do on other browsers)

Hello. I have 2 different animated gifs on the site I'm building with Weebly. One of them is a loop which works just fine. The other gif is made to just happen once. However, it will not replay when its page is refreshed or revisited (it does replay on other browsers). So I'm wondering what can be done to fix this. The page is http://www.backeze.com/about-us--contact.html
Thanks very much for your help ~
Les

Yes, its there. Also, when I right click on the image and select VIEW IMAGE INFO it will replay. thx

Animated gif resizing problem

Im trying to achieve the following: showing an animated gif that resizes to fill the area of a canvas. I tried the easy way: adding a label and setting the icon for that label, but when trying to resize the image it doesnt show (see code below). Is there any particular way of resizing an animated gif? can the labe-icon approach be used with animated gif that must be resized?
Thanks a lot in advance.
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Image;
import javax.swing.ImageIcon;
public class TestFrame extends javax.swing.JFrame {
/** Creates new form TestFrame */
public TestFrame() {
initComponents();
Image image = this.getToolkit().getImage("C:\\multivideo\\img\\39.gif");
Dimension dim = jLabel1.getPreferredSize();
image = image.getScaledInstance(dim.width, dim.height, Image.SCALE_SMOOTH);
ImageIcon i = new ImageIcon(image);
jLabel1.setIcon(i);
jLabel1.setBackground(Color.BLUE);
pack();
/** This method is called from within the constructor to
* initialize the form.
private void initComponents()
jLabel1 = new javax.swing.JLabel();
setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
jLabel1.setHorizontalAlignment(javax.swing.SwingConstants.CENTER);
jLabel1.setIcon(new javax.swing.ImageIcon("C:\\multivideo\\img\\40.gif"));
jLabel1.setMaximumSize(new java.awt.Dimension(1436, 86));
jLabel1.setMinimumSize(new java.awt.Dimension(1436, 86));
jLabel1.setPreferredSize(new java.awt.Dimension(1436, 86));
getContentPane().add(jLabel1, java.awt.BorderLayout.CENTER);
pack();
* @param args the command line arguments
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new TestFrame().setVisible(true);
private javax.swing.JLabel jLabel1;
}

I don't think getScaledInstance is smart enough to return a scaled image.
You could try doing your own scaling:
import java.awt.*;
import java.awt.geom.*;
import java.net.*;
import javax.swing.*;
public class Animated extends JComponent {
    private Image image;
    private double scale;
    public Animated(URL url, double scale) {
        image = new ImageIcon(url).getImage();
        this.scale = scale;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Insets insets = getInsets();
        Graphics2D g2 = (Graphics2D) g.create();
        g2.translate(insets.left, insets.top);
        g2.scale(scale, scale);
        g2.drawImage(image, 0, 0, this);
        g2.dispose();
    public Dimension getPreferredSize() {
        Insets insets = getInsets();
        int w = insets.left + insets.right + (int)(scale*image.getWidth(null));
        int h = insets.top + insets.bottom + (int)(scale*image.getHeight(null));
        return new Dimension(w,h);
    public static void main(String[] args) throws MalformedURLException {
        URL url = new URL("http://members.aol.com/royalef/sunglass.gif");
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new Animated(url, 2), BorderLayout.NORTH);
        f.getContentPane().add(new Animated(url, 1), BorderLayout.SOUTH);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}Or you could explicitly extract the images from the animated gif and
resize them individually. The sample code here does the extraction:
http://forum.java.sun.com/thread.jspa?forumID=20&threadID=500348

Animated GIFs don't loop in exported movies from Keynote 3

I am just getting started with Keynote 3.0 and really like what I have seen. I created a series of slides and pasted animated GIFs in various places. They are set to loop on each slide as Keynote presents the slides. The slide show has preset transition and build timings and there is music playing continuously, throughout the show. It works quite well. (However, there is very intermittent choppy audio and video playback when there are builds or transitions occurring. Any thoughts on optimizing this?)
The problems begin when I ask Keynote to export the slideshow to a movie. The main problem that I am struggling with is that the animated GIFs don't loop in the rendered movie, regardless of which compressor I choose. I don't see anything in the documentation. I have also searched several of the discussions on making movies from Keynote 3 but have not specifically seen animated GIFs discussed. What am I missing here?
Also, I want to be able to play this movie on a DVD player at an upcoming function. Any recommendations for an approach that will be best? I have QT 7 Pro and the iLife '06 suite.
Thanks, in advance, for any forthcoming suggestions.
eMac G4 Mac OS X (10.4.6) 1.25 GHz, 1 GB RAM

My guess is, it's too much of a pain to have to calculate how many times it will actually loop and create the loops and then composite everything. Running it in Keynote just tells the thing to keep playing over and over till you do something that stops it. There's a BIG difference there as one is just being told to play, the other is having to be placed in a movie with an exact number of frames, so there are a bunch of calculations involved.

Animated .gif won't loop a specified amount of times

I created an animated .gif in photoshop and set it to loop twice. It works fine in every other browser except firefox. Here is a test example:
http://elliottkirby.com/test/
The box is set to animate across twice. Any thoughts? I tested setting it to loop "forever" and it works in FF...however the ad I'm creating has a loop time limit. I checked my config settings and image animation is set to normal. Thanks!

From what I understand of your problem;
- You have made your own animated gifs
- With the software to make these gifs you have set them to loop their animations 3 times
- They loop continuously
I don't see how java can be expected to interpret the animated gif software instructions to loop only 3 times and would assume that there are various proprietry ways of setting this (an assumption based on applets /javascript etc, that rely on the client-side browser interpreter). So, if you loop your animated gif or have any form of animated gif that you import into your program with getDocumentBase /getCodeBase as a (pre-animated) gif, then this is exactly what I would assume would happen.
The answer is to seperate your images with eg;-
smiley1[0];
smiley1[1];
smiley1[2];
run a seperate thread, cycle through them as you wish and stop.
I'm fairly sure that there is nothing in either the swing libraries or the jmf libraries that can resolve this any other way, so your choices are write extra code and have a pool of threads to control this, or leave it as is.

Animated Gif won't stop looping!

I'll try to format my question as best I can.
I have created a Java chat applet, and for the Java chat, I have created a "ChatPane" class for displaying the chat. ChatPane is an extension of Canvas, and every time the paint() method is called, the program loops through visible lines of text drawing them on a buffer image, then draws the buffer on the screen.
My problem lies in animated gifs. In my chatroom, chatters can type textual symbols that will be replaced with an image (or emoticon). I have created my animated icons in a popular animated gif editing program, and I have set particular icons to loop 3 times. The problem is that when the animated icon is displayed in my applet, the animation -doesn't stop- after 3 loops, it loops forever! I can't for the life of me figure out why! Can anyone provide any insight as to why the animations won't stop after 3 loops? The animations work just fine if displayed in a browser by themselves (they stop looping after 3 times)
Thank you for any help!
[email protected]
Tony N.

From what I understand of your problem;
- You have made your own animated gifs
- With the software to make these gifs you have set them to loop their animations 3 times
- They loop continuously
I don't see how java can be expected to interpret the animated gif software instructions to loop only 3 times and would assume that there are various proprietry ways of setting this (an assumption based on applets /javascript etc, that rely on the client-side browser interpreter). So, if you loop your animated gif or have any form of animated gif that you import into your program with getDocumentBase /getCodeBase as a (pre-animated) gif, then this is exactly what I would assume would happen.
The answer is to seperate your images with eg;-
smiley1[0];
smiley1[1];
smiley1[2];
run a seperate thread, cycle through them as you wish and stop.
I'm fairly sure that there is nothing in either the swing libraries or the jmf libraries that can resolve this any other way, so your choices are write extra code and have a pool of threads to control this, or leave it as is.

Problem to create animated gif using transparent frames

Hi, everyone:
My name is Edison, I am playing with Gif89Encoder utility classes to make an animated gif which is a requirement for my course work.
I got some problem about the transparent frames. I used the png image as the frame to create the animated gif,
those pngs have transparent colors and the background is totally transparent, when i create the animated the gif with those
frames, the animated gif display the colors but without transparency for those colors, but the background is transparent as expected.
I am not sure if I should IndexGif89Frame or DirectGif89Frame for the colors from the Gif89encoder package.
Is there anyone got the same problem and knows how to fix it?
The following is how i setup the colors in my png file, the alpha channel is 80.
Color[] colours = new Color[7];
          colours[0] = new Color(255, 255, 255, 0);
          colours[1] = new Color(128, 128, 255, 80);
          colours[2] = new Color(128, 0, 128, 80);
          colours[3] = new Color(0, 128, 128, 80);
          colours[4] = new Color(128, 128, 0, 80);
          colours[5] = new Color(204,102,255,80);
          colours[6] = new Color(255, 0, 0, 80);The code i did to generate gif:
public void run89Gif()
        Image[] images = new Image[4];
        try{
            images[0] = ImageIO.read(new File("D:/temp/0.png"));
            images[1] = ImageIO.read(new File("D:/temp/1.png"));
            images[2] = ImageIO.read(new File("D:/temp/2.png"));
            images[3] = ImageIO.read(new File("D:/temp/3.png"));
            OutputStream out = new FileOutputStream("D:/temp/output.gif");
            writeAnimatedGIF(images,"Empty annotation", true, 1, out);
            images = null;
        }catch(IOException er){ }
static void writeAnimatedGIF(
        Image[] still_images,
            String annotation,
            boolean looped,
            double frames_per_second,
            OutputStream out) throws IOException
        Gif89Encoder gifenc = new Gif89Encoder();
        for (int i = 0; i < still_images.length; ++i){
           gifenc.addFrame(still_images);
gifenc.setComments(annotation);
gifenc.setLoopCount(looped ? 0 : 1);
gifenc.setUniformDelay((int) Math.round(100 / frames_per_second));
gifenc.encode(out);
Thanks in advance.

Hi, everyone:
My name is Edison, I am playing with Gif89Encoder utility classes to make an animated gif which is a requirement for my course work.
I got some problem about the transparent frames. I used the png image as the frame to create the animated gif,
those pngs have transparent colors and the background is totally transparent, when i create the animated the gif with those
frames, the animated gif display the colors but without transparency for those colors, but the background is transparent as expected.
I am not sure if I should IndexGif89Frame or DirectGif89Frame for the colors from the Gif89encoder package.
Is there anyone got the same problem and knows how to fix it?
The following is how i setup the colors in my png file, the alpha channel is 80.
Color[] colours = new Color[7];
          colours[0] = new Color(255, 255, 255, 0);
          colours[1] = new Color(128, 128, 255, 80);
          colours[2] = new Color(128, 0, 128, 80);
          colours[3] = new Color(0, 128, 128, 80);
          colours[4] = new Color(128, 128, 0, 80);
          colours[5] = new Color(204,102,255,80);
          colours[6] = new Color(255, 0, 0, 80);The code i did to generate gif:
public void run89Gif()
        Image[] images = new Image[4];
        try{
            images[0] = ImageIO.read(new File("D:/temp/0.png"));
            images[1] = ImageIO.read(new File("D:/temp/1.png"));
            images[2] = ImageIO.read(new File("D:/temp/2.png"));
            images[3] = ImageIO.read(new File("D:/temp/3.png"));
            OutputStream out = new FileOutputStream("D:/temp/output.gif");
            writeAnimatedGIF(images,"Empty annotation", true, 1, out);
            images = null;
        }catch(IOException er){ }
static void writeAnimatedGIF(
        Image[] still_images,
            String annotation,
            boolean looped,
            double frames_per_second,
            OutputStream out) throws IOException
        Gif89Encoder gifenc = new Gif89Encoder();
        for (int i = 0; i < still_images.length; ++i){
           gifenc.addFrame(still_images);
gifenc.setComments(annotation);
gifenc.setLoopCount(looped ? 0 : 1);
gifenc.setUniformDelay((int) Math.round(100 / frames_per_second));
gifenc.encode(out);
Thanks in advance.

Save for web - animated gif problem PSE (Mac)

Trying to save an animated gif using Save for Web dialogue box...
works fine, except checkbox "Loop" and delay rate drop down box are highlighted (active) but can't be changed
anyone know reason / fix?

No fix, alas. This has been a problem in the mac version since PSE 6. If your gif is small, you can duplicate layers so that they appear to stay onscreen longer, but the best advice is to not use PSE/mac for this, unfortunately.

Safari Animated Gif problem

Hi,
I'm having a little problem, I have a gif, that only has one play and doesn't loop, If I load the page there is no problem i does the animation, if i then refresh the page it doesn't play the animation only leaves it on the final frame, the same happens if i go to another page in the site that has the same animated gif on it.
I'm hoping its just a setting in the css or html that can tell it to load gif animation again but that the moment its just confusing me.
Any help would be greatly appreciated.

Hi, carta mundi-
CSS Filters are currently only supported by WebKit browsers, and Firefox is not a WebKit browser.
Hope that helps,
-Elaine

Problems syncing animated gif files on website

I am running Photoshop Elements 8 and have createdd a series of 7 animated gif files. Within each of the 7 files consist of 4 layers(photos) with 5 second intervals in between each layer/photo. Each of the 7 animated gif files have been uploaded to the home page of my website, all 7 animated gif files are set to 5 second intervals and also loop. The problem occurs when either reloading or returning back to the home page, which causes the animated gif files to go out of sync, making it appear that each one of the 7 files are starting it's sequence at a different time. My question is, how can I fix this issue? I want all 7 animated gifs to start at exactly the same time, any suggestions?
Thanks!

Welcome to our community
I'm not 100% sure on this but I believe you will need to convert the GIF to a SWF and insert it that way in order to preserve the animation.
Click here to see a list of converters
Cheers... Rick

Problem with importing animated gifs

Hi i'm trying to use an animated gif in my project. Basically my after effects project is just a countdown from 10 to 0 while the animated gif spins continuously during the countdown. My problem is when I use the animated gif the background it is no longer transparent and the background is instead white. How do I make it transparent again in after effects? Next the animated gif is about a 2 second loop, it won't let me drag the bars to extend the time to 10 seconds. How do I loop it for 10 seconds?
These aren't musts, but if anyone could, help would be greatly appreciated:
1) For the text effect 'numbers' (which I used for the countdown effect) it always renders really shaky and bouncy when i preview it. Is that normal?
2) It has the time as 00:00:00:00 (type: timecode 30). How do I make so it only shows 00:00 ?
Any help would be awesome.
Thank you

My problem is when I use the animated gif the background it is no longer transparent and the background is instead white.
Correct. As a conmpositing program, AE requires proper Alpah transparency, not palette-based transparency. File must be converted to an image sequence with Alpha channel.
Next the animated gif is about a 2 second loop, it won't let me drag the bars to extend the time to 10 seconds. How do I loop it for 10 seconds?
Footage interpretation --> Loops
1) For the text effect 'numbers' (which I used for the countdown effect) it always renders really shaky and bouncy when i preview it. Is that normal?
Yes, it's normal if you are using a non-monospaced font. Use a suitable font.
2) It has the time as 00:00:00:00 (type: timecode 30). How do I make so it only shows 00:00 ?
Use multiple layers and effects and mask them out.
Mylenium

Quality problem with animated gif through flash

i got a problem with making animated gif through flash.
on html/swf publication it looks clear.
but the weird thing is through gif publication, it wouldn't show. and exporting it as a movie as gif cause visual defect when put up on web.
it looks better when you open it in a browser.
this is how it looks for a profile gif in thumbnail mode. blocky and unclear.
how do you get it to look good both in thumbnail mode and in browser mode. i seen other that have a clear gif in thumbnail mode. are my setting wrong for flash? or should i just do gif in photshop instead. i heard rumors flash don't do gif very well.

Change your gif export setting under publish...
          Dimensions         : Match movie
          Playback             : Animated
                                    : Loop continuously
          Options               : Optimize colors
                                    : Smooth
          Transparent         : Opaque
          Dither                 : None
          Palette Type       : Adaptive
          Max colors         : 99999

Animated GIF loop problem

Similar Messages

Maybe you are looking for