Load an Animated GIF

Hi everybody!
I'm not too experienced in using Java2D, and I've just started build my Canvas. I've got to load an Animated Gif. it is loaded and the animation starts, but the Canvas area starts flickering every frame loop. Now I'm loading the gif with ImageIcon, but I was seeing that maybe the best way to avoid this problem is the MediaTracker Class
is there anybody who can help me understand better this class, or tell me how to avoid the "flickering"??
thank you&bye! Milla

The flickering is because you are not double buffering.
Have a search of these forums, you will find it covered in alot of Threads.

Similar Messages

How Do I Load An Animated GIF Into PictureBox Control From Byte Array?

I'm having a problem with loading an animated GIF int a picturebox control in a C# program after it has been converted to a base64 string, then converted to a byte array, then written to binary, then converted to a base64 string again, then converted to
a byte array, then loaded into a memory stream and finally into a picturebox control.
Here's the step-by-step code I've written:
1. First I open an animated GIF from a file and load it directly into a picturebox control. It animates just fine.
2. Next I convert the image in the picturebox control (pbTitlePageImage) to a base64 string as shown in the code below:
                if (pbTitlePageImage.Image != null)
                    string Image2BConverted;
                    using (Bitmap bm = new Bitmap(pbTitlePageImage.Image))
                        using (MemoryStream ms = new MemoryStream())
                            bm.Save(ms, ImageFormat.Jpeg);
                            Image2BConverted = Convert.ToBase64String(ms.ToArray());
                            GameInfo.TitlePageImage = Image2BConverted;
                            ms.Close();
                            GameInfo.TitlePageImagePresent = true;
                            ProjectNeedsSaving = true;
3. Then I write the base64 string to a binary file using FileStream and BinaryWriter.
4. Next I get the image from the binary file using FileStream and BinaryReader and assign it to a string variable. It is now a base64 string again.
5. Next I load the base64 string into a byte array, then I load it into StreamReader and finally into the picturebox control (pbGameImages) as shown in the code below:
byte[] TitlePageImageBuffer = Convert.FromBase64String(GameInfo.TitlePageImage);
                        MemoryStream memTitlePageImageStream = new MemoryStream(TitlePageImageBuffer, 0, TitlePageImageBuffer.Length);
                        memTitlePageImageStream.Write(TitlePageImageBuffer, 0, TitlePageImageBuffer.Length);
                        memTitlePageImageStream.Position = 0;
                        pbGameImages.Image = Image.FromStream(memTitlePageImageStream, true);
                        memTitlePageImageStream.Close();
                        memTitlePageImageStream = null;
                        TitlePageImageBuffer = null;
This step-by-step will work with all image file types except animated GIFs (standard GIFs work fine). It looks like it's just taking one frame from the animation and loading it into the picturebox. I need to be able to load the entire animation. Does any of
the code above cause the animation to be lost? Any ideas?

There is an ImageAnimator so you may not need to use byte array instead.
ImageAnimator.Animate Method
http://msdn.microsoft.com/en-us/library/system.drawing.imageanimator.animate(v=vs.110).aspx
chanmm
chanmm

Animated GIF in JTabbedPane - repaint madness!

Loading and animated GIF into the icon for a JTabbedPAne just works, but it causes the paintComponent method on the main part of the panel to be called repeatedly. Anyway to distinguish between the two areas? The icon repaints automatically but I don't want to have to repaint the rest of the panel unnecessarily.

I've run into the same problem simon, the only way I came over this was to do my own animation for the gif. Bit of a bother really. Anyone have any other solutions?

How can I edit an animated GIF?

is there a way to add a animated GIF into your work, when I try to add one I am told that it will be a single layer. I downloaded a GIF from the web and trying to incorparate it into a web site header.

Well, you are in luck, sort of. You have all the apps needed to create an animated gif. However that does not mean that the image you download was already or not. It could be a single image.
A couple of things to go over
1) When downloading from the net make sure you have permission to use that image before sharing with the public, as the image is protected by copyright laws in the US. (Images that state - Permission to use commercially, copyright free, common law licence - Generally are meant to share with the general public, granted that you post somewhere who you got the image from(the Least anyone can do it give credit where credit is due)
2)Since you have the Master Collection or the CS4 Master Suite, you have every app that is need to create your own works of art. Photoshop, After Effects, Premeire pro are all capable of creating animated gifs. With the latter two being easier than photoshop.
Since you have CS4 photoshop and this is the photoshop forum, we will keep it there.
The version of Photoshop that comes in the master suite is the extended version of photoshop which is require for most of the animations it can do. Though, think and am not certain that the standard version can create animated gif files.
OK, ok we got a lot of mumbo jumbo above so lets get into how to create an animated gif.
First we need to determine if we are editing an animated gif or creating one from scratch. To load an animated gif all you need to do is file>open then select the file. Simple enough.
The file will place each frame onto its own layer and if you have the animation panel open (If not select Windows>Animation ) Each frame will be placed there as well.
Lets say we are going to edit a frame or better yet introduce a new frame. In the upper right hand corner of the animation panel is a small icon. Clicking it will pop up a menu. In that menu select delete animation. Don't worry your layers are safe, it only removes the frames from the animation panel.
Now you can either change something in one of the layers or add a layer where you want the frame intoduced.
When you are done you can select that same icon in the animation panel to pop up the menu and select Make frames from layers This will place all the layers back into the animation panel. This has to happen in order to save an animated gif.
You can now use the File>save to web or File>Save to web and devices (This optiuon changed during one of the version, I don't recall so both are listed or look for something close to that)
Select Gif for the format then the save button, where you can choose a location and file name. It will automatically add a hyphen between any words that normally are spaces for the web.
OK, If you read the above, you probably alread realize how to create one from scratch. Just add a new layer for each frame and follow the steps above to add it to the animation panel and save for web.
I know it sounds like a lot, but once you have done it a few times, it actually fairly simple.
OK, Bonus round - What about After Effects and Premeire Pro?
Well both of those apps Use a timeline instead of frames. Which makes them much simpler and more powerful for animations, since that is what they are dedicated to do.
It is as simple as open the gif file, edit it, save it, done.
I won't go into how the timeline works as that would require a long , long post. But once you understand it, it is much quicker and can do way more feature wise.
One last thing, play around with it and see what it can do before commiting time to creating or editing a gif. It goes much easier once you get the hang of it.
If you have any questions, issues, etc. just post away...
Well, I got to go, I hope this helps.

Animated gif don't see

Hello:
I have imported an animated GIF in Director MX and when I
drag to the stage
I don't see the image in the stage (only an empty square) In
the cast I see
the first image of the animated GIF.
I imported with the Menu Insert/Media Element/Animated Gif.
Can you help me please?
thank you very much,

try loading the Animated GIF QuickLook plugin
available for MacOS-X 10.5/10.6
http://sourceforge.net/projects/animgifqlgen/?source=dlp
you can quicklook the gif thru the finder and set the default application as the File Viewer to open the gif files

Animated gif don't animate

Guys,
Animated gifs do not animate when I receive them in Mail. What could be my problem?
Regards, Phil
Macintosh b'gosh

try loading the Animated GIF QuickLook plugin
available for MacOS-X 10.5/10.6
http://sourceforge.net/projects/animgifqlgen/?source=dlp
you can quicklook the gif thru the finder and set the default application as the File Viewer to open the gif files

Splash page with animated gif only question

Hello all:
I have a splash page (index.html) that is designed using an animated gif created in photoshop. The rest of my site is Css/XHTML, but has some divs containing animated gifs. I have two questions;
1: By using only the animated gif on the splash page, am I limiting or hindering my SEO (google, microsoft, yahoo) ranking opportunities as there is no "content" on the page that the spiders/bots can see? I went ahead and included some "content" but hid it by coloring the type the same as the background color hoping that might do something, but obviously I'm a SEO newbie so any suggestions are more than welcomed. I will include the code at the end of this post, and my site is: http://reynolds-marketing.com.
2. Is there a way to pre-load the animated gifs on my pages so that they play more smoothly and efficiently?
TIA for any of your help. Murman
The code for the splash page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Reynolds Marketing - The Marketing Resource Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Reynolds Marketing is a marketing services company offering a full spectrum of marketing services including: consultation, creative, production and logistical marketing services headquartered in Temecula, CA." />
<meta name="keywords" content="Reynolds, Reynolds Marketing, marketing services company, marketing services agency, full spectrum of marketing services, full service marketing agency, marketing consultant, print creative, digital printing, offset printing, website design, website development, digital marketing, digital print on demand, DPOD,Video Production, Video Production, Direct Mail, Temecula, powerpoint presentations" />
<link rel="shortcut icon" href="http://www.reynolds-marketing.com/favicon.ico"/>

<style type="text/css">

</style>

</head>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" id="index_" style="background-color:#FFFFFF;">
<p>

<img src="images/index.gif" alt="" width="640" height="480" border="0" usemap="#indexMap" id="index" /></p>
<p>Reynolds Marketing offers a full spectrum of marketing communications services including: consultation, creative, production and logistical marketing services located in Temecula, California. Our services include marketing consultation, press relations, public relations, copy writing, print creative, direct mail creative, video creative, web creative, interactive creative. Print production, direct mail, video production, web page creation and production. Digital print on demand, fulfillment services, powerpoint presentations, marketing communications, marketing communications conformance. To find out more about our services, please go to <a href="http://www.reynolds-marketing.com/who_we are.html">http://www.reynolds-marketing.com/who_we are.html</a> . </p>
<p>Site map:<br />
<a href="http://www.reynolds-marketing.com/index.html">http://www.reynolds-marketing.com/index.html</a><br />
<a href="http://www.reynolds-marketing.com/who_we_are.html">http://www.reynolds-marketing.com/who_we_are.html</a><br />
<a href="http://www.reynolds-marketing.com/contact_us.html">http://www.reynolds-marketing.com/contact_us.html</a><br />
<a href="http://www.reynolds-marketing.com/what_we_do.html">http://www.reynolds-marketing.com/what_we_do.html</a><br />
<a href="http://www.reynolds-marketing.com/services.html">http://www.reynolds-marketing.com/services.html</a><br />
<a href="http://www.reynolds-marketing.com/clients.html">http://www.reynolds-marketing.com/clients.html</a><br />
<a href="http://www.reynolds-marketing.com/projects.html">http://www.reynolds-marketing.com/projects.html</a><br />
<a href="http://www.reynolds-marketing.com/news.html">http://www.reynolds-marketing.com/news.html</a></p>
<p>
<map name="indexMap" id="indexMap">
    <area shape="rect" coords="296,434,342,444" href="who_we_are.html" />
    <area shape="rect" coords="228,451,286,461" href="who_we_are.html" />
    <area shape="rect" coords="296,451,353,461" href="what_we_do.html" />
    <area shape="rect" coords="364,451,416,461" href="contact_us.html" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
</p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8703884-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

My guess is yes, but that is just my opinion. I believe the text/background same color idea was really in vogue back in the late 90's and we all heard that it was the kiss of death for SEO that the SE's hated them so much you got de-listed, not sure if that is a fact or not.
My bigger concern would be how many people you are losing by making them wait to get to where they want to go. I have told many a client that in some sense, the interent is too big, you have too much competition and people have thin patience for things like splash pages. The ooo and aaa effect of animated gifs is long dead...again, in my opinion.
I dont know the answer to your load question...
Gray

Problem to display Animated Gif from HTML into JEditorPane

I have a problem displaying animated gif that comes from URL (HTML) into JEditorPane.
Let me show you the source I have:
* @author Dobromir Gospodinov
* @version 1.0
* Date: Dec 6, 2002
* Time: 6:47:53 PM
package test.advertserver;
import javax.swing.*;
import java.awt.*;
import java.io.IOException;
public class Test {
     public static void main(String[] args) {
          JFrame frame = new JFrame();
          JEditorPane ed = new JEditorPane();
          try {
               ed.setPage("http://localhost:8200/servlet?key=value");
          } catch (IOException e) {
               e.printStackTrace();
          JPanel panel = new JPanel();
          panel.setPreferredSize(new Dimension(500, 500));
          panel.add(ed);
          frame.getContentPane().add(panel);
          frame.pack();
          frame.setVisible(true);
}Part of the returned from servlet HTML includes an img tag:
<img src="/images/MyAnimatedGif.gif" alt="animated gif comment" width="480" height="50" border="0">Let us assume that MyAnimatedGif.gif has 10 frames and gif is looped - when the 10th is dipslayed it has to display the 1st and so on.
JEditorPane displays frames from 1 to 10 correctly but does not start from the first again. Instead JEditorPane displays a broken image.
I locate where the problem arise:
JEditorPane has an HTMLEditorKit that creates javax.swing.text.html.ImageView instance for every IMG tag.
And here is the problem:
ImageView has an ImageObserver necessary for the asynchronous image download. ImageObserver has the imageUpdate method. But this imageUpdate method is never called with ALLBITS flag raised up. Instead, after the last frame of MyAnimatedGif.gif is downloaded the imageUpdate method is called with flag ERROR raised up. Obviously this is a bug of Sun's implementation. Finaly the flag ALLBITS has to be received for normal end of image observing. But ALLBITS flag does not come.
So, can anybody help me how to load an animated gif within JEditorPane completely.
Thank You in advance,
Dobromir Gospodinov
P.S. If somebody of you wants to debbug what happens within ImageView will have to implement it (and related classes too, because of the limited package visability) borrowing the source from Sun's ImageView.

I'm also having this problem with java 1.4.1 I discovered that some animated gifs work fine, while others stop animating. Running with java 1.3.1 fixed the problem. I'm going to report this as a bug
Here's my code:
import java.awt.*;
import java.io.*;
import javax.swing.*;
public class AnimatedGifTester
extends JFrame
public static void main(String argv[])
throws Exception
new AnimatedGifTester();
public AnimatedGifTester()
throws Exception
String[] images = new String[] {
"http://www.gif.com/ImageGallery/Animated/Animals/Photographic/dog_running.gif",
"http://www.gif.com/ImageGallery/Animated/Characters/Cartoon/java.gif",
"http://www.webdeveloper.com/animations/bnifiles/anielg.gif",
"http://www.webdeveloper.com/animations/bnifiles/cat2.gif",
"http://images.animfactory.com/animations/animals/fish/big_fish_swimming_md_wht.gif",
"http://www.webgenies.co.uk/images/martian.gif",
"http://www.webdeveloper.com/animations/bnifiles/at_sign_rotating.gif",
"http://www.webdeveloper.com/animations/bnifiles/arrow_1.gif",
"http://www.gif.com/ImageGallery/Animated/Characters/Cartoon/javaacro.gif",
"http://java.sun.com/products/java-media/2D/samples/suite/Image/duke.running.gif",
"http://www.gif.com/ImageGallery/Animated/SouthPark/Cartoon/stan.gif"
StringBuffer buffer = new StringBuffer("<html><body>");
for (int idx = 0; idx < images.length; idx++)
buffer.append("<img src='" + images[idx] + "'>");
buffer.append("</body></html>");
String html = buffer.toString();
// save a copy of the html to open in a browser so we can see what it's
// supposed to look like
BufferedWriter writer = new BufferedWriter(new FileWriter("animatedGifTest.html"));
writer.write(html);
writer.close();
JEditorPane editorPane = new JEditorPane("text/html", html);
editorPane.setEditable(false);
getContentPane().add(editorPane);
setDefaultCloseOperation(EXIT_ON_CLOSE);
setSize(new Dimension(400, 600));
show();

Firefox 4.0: Improper handling of Animated Gif background-image

FF 4.0 is giving erratic and incorrect displays of an animated gif on a project I am working on. I have prepared a very small sample that demonstrates the problem.
The problem occurs when an animated gif is used as the background-image for a div (it may also be true when used as a background-image for the body, but I have not tested that).
When a page is first loaded, the animated gif displays properly.
I would expect that the animation be displayed as animated either:
# On each page load
# On a page load with new session or when the image is removed from cache prior to loading the page. Otherwise the last frame of the image would show
The sample page is designed to test this.
IE: Behaved as in #1, i.e. the image was animated on each and every page load. (IE 8: 8.0.6001....)
Google Chrome: Behaved as in #2, i.e. the image is animated only when there is a new session or when the image is no longer in cache. (Version 10.0.648.204)
FF 3.6.8: Slightly strange, but acceptable.
* The image is animated on new session and on any reload button.
* The last frame is displayed if the location is reentered in the URL bar.
* The last frame is displayed if the back/forward navigation buttons are used.
* SOMETIMES the image is animated and sometimes the last frame is displayed when the change page button is pressed (i.e. Javascript change page).
FF 4.0: Just plain NOT acceptable
* Correctly animates the image on page load for new session
* Correctly animates the image on reload button following clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the reload button is pressed.
* INCORRECTLY shows the FIRST gif frame if the URL is reentered from the URL bar.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page).
* INCORRECTLY shows the FIRST gif frame if theURL is reentered from the URL bar after clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page) after clearing the item from cache.
All of these tests were run with Windows XP-Pro (all service packs and updates applied).
I can find no clear specification as to what ''should'' happen with pages using animated gifs that are already loaded.
* I can conceive of rationales for always displaying with animation.
* I can also conceive of rationales for sometimes displaying the last frame, especially if the same page is being reloaded since many sites reload the same page in response to user form submissions.
# '''I can see no rationale for displaying the first frame of the gif and would suggest that this is a bug. '''

Can be this bug:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=641198 Bug 641198] – Rollover animated gif show only one frame.
You can try these nightly test builds to see if they behave better:
Fx5.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-aurora
Fx6.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central
Create a new profile exclusively for each Firefox version and create a desktop shortcut with -P "profile" appended to the target to launch each Firefox version with its own profile.
See these mozillaZine KB articles for information:
* http://kb.mozillazine.org/Testing_pre-release_versions
* http://kb.mozillazine.org/Creating_a_new_Firefox_profile_on_Windows
* http://kb.mozillazine.org/Shortcut_to_a_specific_profile
* http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox

Import animated GIF on the fly

All the answers I've seen for this one are old so I'm hoping
it has changed. If not ... GET WITH IT ADOBE! :)
Can I load an animated GIF into a SWF on the fly (loadMovie)
and get it to be animated? I know it seems to load just the first
frame in but is there anyway of programming or anything in AS to
make it put each frame into a Flash Frame?

Dinghus wrote:
> All the answers I've seen for this one are old so I'm
hoping it has changed. If
> not ... GET WITH IT ADOBE! :)
>
> Can I load an animated GIF into a SWF on the fly
(loadMovie) and get it to be
> animated?
no you can't
Best Regards
Urami
Beauty is in the eye of the beer holder...
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

Animated Gif as a texture?

Can anyone tell me how to go about using animated gifs as textures?
I have tried loading one in using the usual texture loading methods and my application just totally hung over the lines that loaded in the file. No error message or anything, it just stopped working.

hi
i don't think you can use animated gif as textures but you can load your animated gif and take each image (i think some java clases will allow you to do that) and after that use the java example (demo\java3d\TextureByReference).
regards
GnG

Animation with Animated GIF

Hi,
I need to do an animation, I am using an Image object to load an animated GIF. Is there any way to run all the frames which this GIF contains using the Image Object?. I don�t want to extract each image from the gif and then copy them into a jpg format, and then have to make a loop to animate the set of JPG images... it is possible, only load the GIF, and with some java class, animate the gif??
Thanks.

Have you tried just displaying an animated gif image, say JLabel+ImageIcon. It works:
http://forum.java.sun.com/thread.jsp?forum=20&thread=553508

Animated GIF won't Animate while page is loading

Hi all,
I need my animated gif to be animated while other page elements are loading, but it is frozen until the page loads. Any advice?
Regards,
Kelly
Personal Blog: http://thebitsthatbyte.com

There are few options available, refer to the following posts,
http://stackoverflow.com/questions/5829382/animated-gif-while-loading-page-does-not-animate
http://www.webdeveloper.com/forum/showthread.php?90647-RESOLVED-ie-animated-gif-freeze-til-page-loads
http://forums.asp.net/t/1814498.aspx?loader+gif+IE+problem
--Cheers

Problem in loading animated gif

I have problem in loading animated gif with ClassLoader. Here is the code:
ClassLoader loader=this.getClass().getClassLoader();
URL res = loader.getResource(name);
if (res!=null) {
ImageIcon icon = new ImageIcon(res);
if (icon != null) {
Image image = icon.getImage();
if(icon.getImageLoadStatus() == MediaTracker.COMPLETE)
images.put(name,image);
return (Image) image;
} else {
System.out.println("Failed to load "+name+" error "+icon.getImageLoadStatus());
images.put(name,"");
Only when the gif is an animated gif, I get error message: Failed to load and icon.getImageLoadStatus() returns 2. Otherwise, it works.
Anyone encounters the same problem as me?

I think the problem is the asynchronous loading of the gif.
when you call f(icon.getImageLoadStatus() == MediaTracker.COMPLETE)
I think it is comming back MediaTracker.LOADING .
for an animated gif, it may not come back COMPLETE until after running thru
the whole automation. instead you could just check:
(icon.getImageLoadStatus() != MediaTracker.ERRORED)

How to load frames of an animated gif

Hi,
is it possible to load all frames of an animated gif ?
Best Regards
Thorsten

Without an SSCCE , I'm only guessing, but you could try:
Use an ImageIcon , which animates GIFs automatically.
or
Use an ImageReader , which has a getNumImages() method, and other methods that return certain frames of a GIF image.
and
Read [this |http://java.sun.com/developer/technicalArticles/Media/imagestrategies/index.html] (at least the bits about gifs)

Load an Animated GIF

Similar Messages

Maybe you are looking for