Animated gif to html report

Hello All
Is it possible to save an animated GIF to a html report (for publishing to web and still maintain animation)
Regards
Ray

Mike
Firstly, thanks for showing an interest in my problem.
I've done some searching here on the forum using keywords like html, animated gif, report etc, but haven't seen anything close to what I want to do.
I csn save FPs as a whole into a html report, but am unsure where to even begin for an embedded item such as the gif.
The animated gif was placed on the FP by simply cut and paste and I'm not sure how to go about saving just the gif (sans rest of the FP) to a html report and still maintain the animation properties.
Regards
Ray

Similar Messages

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();

Animated .gif in HTML article won't upload

Hello!
I have an article built with HTML; although largeish and complicated (js, video, blah blah blah), it imports from the Folio panel just fine.....until I put the animated .gifs back into the layout.
With animated .gifs, the folio panel spins (slowly) at the "building" bar, runs the CPU load up to 50%, and never ever does anything else. (I've left it overnight even.) The web Folio Producer will show an article with an alert: "Corrupt layout. Delete and try adding article again."
I've made a stripped-down HTML page with a single .gif and it fails just as hard.
Anyone else noticing this? How do we get this to work? Expensive project is on deadline...
Thanks!!
-Miriam

Please share the folio with [email protected] and let me know what page within what article is causing the crash. I also need to know what version of InDesign is being used, OS and version, what version of the FOlio Builder panel and if you are on CS5 or CS5.5 what version of the digital publishing plug in.

Putting animated gifs in a Fireworks layout: What is the deal?

Ok I have scoured the help files.
Im not finding what I need to know.
I want to create a Fireworks layout with 10 squares that have photos in them that fade back and forth between one image and another, slowly.
I would imagine I can pull this off with animated Gifs.
Thing is, I can not figure out how to pull this off in Fireworks.
Do I slice up my layout and make each photo square a symbol, then give it a different state and tween between them?
And if so, how do you control that?
Or do I make animated gifs in Photoshop and drop them into Fireworks?
I tried this and the gif came in with 40 states and the animation looked ridiculously bad. Not smooth and way to slow.
Is there a decent video tut on how to make animations in Fireworks.
I havent found it yet (nothing on Adobe TV oddly)
I have a feeling this shouldnt be that difficult but so far, it is.
I also want to have a rollover in the same layout.
Is this asking too much of Fireworks?

Well, some time ago I also thought: Why not create a set of very complicated animated GIFs (using Fireworks, of course;-) and connect them to the HTML/CSS layer of the web design, and thus do with html/css and images things that are only possible with Flash and/or adavanced AJAX scripting.
I soon realised that this is not possible -- and in certain cases, not needed at all. Animated GIFs (+ an HTML/CSS layer) cannot substitute AJAX scripting or Flash.
Even more: Even if in some cases you can achieve a certain effect using only animated GIFs, this will be at the cost of very poor browser performance! Reason? Animated GIFs slow down browser performance, and a lot. Flash does not slow down performance in browsers so much. JavaScript doesn't slow down performance so much, too (although it depends).
Example: Put 100 animated GIF images inside one simple html page and watch your browser slow down terribly. Put 500, and it will maybe even crash! Even simple GIF animations sometimes slow can be seen to slow down when starting, and then at some point, their speed goes back to normal. And that's just one example...
In some cases, Flash is the correct answer to your questions. Well, I don't like Flash much, too, but for certain tasks there are certain tools.
Using very complicated animated GIFs instead of Flash is like using a set of 60 spoons instead one simple shovel... :-)
Just my 2 cents...
PS I don't create Flash content, but in the worst case, I can ask a fellow developer to help me...
PPS I would have created a demo with very complex Fireworks GIF animations only for the sake of pure art/pushing Fw to the limits; never in production:)

Animated GIF doesn't work against dark backgrounds in HTML

I've created an animated GIF in Photoshop, exported it for web with transparency, and placed it in my HTML code. It doesn't work against the dark background on my page. However, when I open the image in a new browser tab, voila, the animation works precisely as it should.
Why is the background affecting the animation and how can I work around this?

Hello Frank,
problem is solved.
I have installed IE7 on a Windows 2003 Server Edition and used remote desktop client to test the application.
It seems that either a setting on W2003 or the remote desktop client avoid to see the animation.
On locally installed IE7 animated gif's works fine.
regards
Peter

Animated .gif not supported inside HTML widget ?

iBooks author reject my HTML widget when there is animated .gif inside,
are gif not supported ?
somebody can confirm ?
and whatthe workaround to have an animated picture inside my HTML Widget,
seems Animated png are not spported too ...
Thanks for reply
daxx

Seem to be unsupported, sorry.
See this thread:
Re: I can't seem to get my GIF files on iBook. Anyone else having this problem?
Try a simple movie in a media widget or keynote slideshow widget instead.

Animated GIF Doesn't Work At All

I am a Web developer. My client has provided us with an animated GIF image for their landing page. This GIF runs fine on every browser except Safari. On Safari, the GIF never animates; it just stays on the opening frame and looks stupid.
This happens on all Macs running OS X and Safari 2.x as well as Beta 3.
I search here and on the Internet and find nobody reporting this issue, but it sure feels like a Safari-specific problem.

Aha! Nice catch. I saw that extension anomaly, too, Kirk, but since the page code doesn't allow one to easily view what's going on behind the scenes, I wondered if the JPEG might be behind or in front of the actual animated GIF and didn't look further. But downloading the "JPEG" and loading it in Safari 3 shows that it is, indeed, the animated GIF... with the incorrect extension.
Yes, I would think being labeled a JPEG is the problem. Safari 2 is probably being stubborn and assuming that since it is supposed to be a JPEG, it can't animate.
(A page with so little actual HTML or text has to be terribly inaccessible and is probably a problem in terms of search engine optimization as well. Just guesses since I don't work in SEO myself, but worth considering.)

When opening an animated gif, lots of memory consumed followed by crash

Any large (read: anything more than a megabyte) animated GIF causes Firefox to consume all available memory, and then subsequently, crash.
I've tried the following:
- Disable all extensions
- Disable hardware acceleration
- Run in safemode
- New Firefox installation
- Set affinity of Firefox to only use one core
With no effect.
I am a long time Firefox user and enthusiast, but I am really considering making the transition to Chrome (which does not crash with long animated GIFs)
There is no option to submit a crash report about it, and there is also no crash reports on my local system AT ALL.
The following is a short video demonstrating the memory leak.
https://www.youtube.com/watch?v=mIS8baOSwJ0&feature=youtu.be

After some further reading, I set the preference image.mem.decodeondraw=false in about:config. Firefox struggled with the GIF, not always able to display anything useful in the window, but did not crash. Clicking the Home button to navigate the tab away allowed Firefox to unload memory. Not an improvement, really.
Doing a little more searching, I discovered that the file you linked was the demo for this yet-to-be-fixed bug: [https://bugzilla.mozilla.org/show_bug.cgi?id=523950 523950 – Long animated GIF makes Firefox consume all available memory].
It's generally not helpful to add comments to bugs (unless you can help fix them), but you can register on the Bugzilla site and "vote" for them to be fixed. See:
* [https://bugzilla.mozilla.org/page.cgi?id=etiquette.html Bugzilla Etiquette]
* [https://bugzilla.mozilla.org/page.cgi?id=voting.html Voting]

Safari 4.0.X and Animated GIFs

I have a web site that makes use of animated GIFs that I've created with Adobe Photoshop (7 and more recently CS3). They worked fine when I viewed them with earlier versions of Safari, but not with Safari 4.0.X (i.e., any vers. 4 issued so far including 4.0.3). They either change after a long delay (60 sec. instead of designed 5 sec.) or not at all.
Other browsers seem not to have this problem, but I haven't tried them all.
In trying to solve this problem I've discovered some interesting things:
1. When I create an HTML page using Dreamweaver on my desktop, add an animated GIF, and open it with Safari 4.0.X the GIF animates as designed,
2. When I access a page from my web site the GIF doesn't animate as described above. However, if I close that page and access it again, the GIF animates, presumably because I'm viewing the cached page on my computer.
3. Animated GIFs on other sites seem to work (maybe they didn't use Photoshop?).
4. I sent a Bug Report to Apple on vers 4.0.1 but the problem is still there on 4.0.3
My question is why the different behavior in 1. and 2. above, and why hasn't Apple fixed this problem that seems to be newly created with vers. 4.0.X?

star-fish wrote:
I think the main problem is that your gifs are massive. Animated gifs should be quite small, and not have more than 256 colours. Try resizing one as a test, say 25% of what it currently is and see if that changes anything.
If it doesn't, try making an animation on http://gifworks.com and uploading it to see if that's any faster.
As an aside, you don't need tables on each individual page - just 'center' your text and image. Tables are designed to be used for tabulated data, and create problems for people using screen readers if they aren't.
Also, you may want to remove the . in image and page title names, because those could cause you problems too. Renaming your pages and images so they reflect what's on them more accurately is good for search engines too.
Thanks for your reply, star-fish. I agree my animated GIFs are large, and my page design may not be optimum. However, when I access them with other browsers such as FireFox 3.5.2 and Internet Explorer 5.2, which I did just a few minutes ago, they begin animating in the designed 5 or 6 seconds instead of 50 to 60 secs or more with Safari 4.0.3. Also, they animated in the designed time with Safari 3. So, something is different about Safari 4.0.X, either intentionally or unintentionally.

Create animated GIF using imageio

How do you create an animated GIF using the J2SE's javax.imageio classes?
I have been browsing these 3 threads (one of which I participated in) to try and develop an SSCCE of creating an animated GIF.
[Writing out animated gifs with ImageIO?|http://forums.sun.com/thread.jspa?threadID=5204877]
[Wirting image metadata to control animated gif delays |http://forums.java.net/jive/thread.jspa?messageID=214284&]
[Help with GIF writer in imageio|http://www.javakb.com/Uwe/Forum.aspx/java-programmer/32892/Help-with-GIF-writer-in-imageio]
(pity I did not prompt the OP on that last one, to supply an SSCCE.)
Unfortunately, my efforts so far have been dismal. Either, without the IIOMetadata object, the GIF has frames with no delay, and it cycles just once, or with the IIOMetadata object I get an error.
IIOInvalidTreeException: Unknown child of root node!Can anyone point me in the right direction?
import java.awt.*;
import java.awt.image.*;
import javax.swing.*;
import java.io.*;
import java.net.URL;
import java.util.Iterator;
import javax.imageio.*;
import javax.imageio.metadata.*;
import javax.imageio.stream.*;
import org.w3c.dom.Node;
class WriteAnimatedGif {
/** Adapted from code via Brian Burkhalter on
http://forums.java.net/jive/thread.jspa?messageID=214284& */
public static Node getRootNode(String delayTime) {
    IIOMetadataNode root =
      new IIOMetadataNode("javax_imageio_gif_stream_1.0");
    IIOMetadataNode gce =
      new IIOMetadataNode("GraphicControlExtension");
    gce.setAttribute("disposalMethod", "none");
    gce.setAttribute("userInputFlag", "FALSE");
    gce.setAttribute("transparentColorFlag", "FALSE");
    gce.setAttribute("delayTime", delayTime);
    gce.setAttribute("transparentColorIndex", "255");
    root.appendChild(gce);
    IIOMetadataNode aes =
      new IIOMetadataNode("ApplicationExtensions");
    IIOMetadataNode ae =
      new IIOMetadataNode("ApplicationExtension");
    ae.setAttribute("applicationID", "NETSCAPE");
    ae.setAttribute("authenticationCode", "2.0");
    byte[] uo = new byte[] {
      (byte)0x21, (byte)0xff, (byte)0x0b,
      (byte)'N', (byte)'E', (byte)'T', (byte)'S',
      (byte)'C', (byte)'A', (byte)'P', (byte)'E',
      (byte)'2', (byte)'.', (byte)'0',
      (byte)0x03, (byte)0x01, (byte)0x00, (byte)0x00,
      (byte)0x00
    ae.setUserObject(uo);
    aes.appendChild(ae);
    root.appendChild(aes);
    return root;
/** Adapted from code via GeogffTitmus on
http://forums.sun.com/thread.jspa?messageID=9988198 */
public static File saveAnimate(
    BufferedImage[] frames,
    String name,
    String delayTime) throws Exception {
    File file = null;
    file = new File(name+".gif");
    Node root = getRootNode(delayTime);
    ImageWriter iw = ImageIO.getImageWritersByFormatName("gif").next();
    ImageOutputStream ios = ImageIO.createImageOutputStream(file);
    iw.setOutput(ios);
    //IIOImage ii = new IIOImage(frames[0], null, null);
    //IIOMetadata im = iw.getDefaultStreamMetadata(null);
    //IIOMetadata im = new AnimatedIIOMetadata();
    //im.setFromTree("gif", root);
    iw.prepareWriteSequence(null);
    for (int i = 0; i < frames.length; i++) {
      BufferedImage src = frames;
ImageWriteParam iwp = iw.getDefaultWriteParam();
IIOMetadata metadata = iw.getDefaultStreamMetadata(iwp);
System.out.println( "IIOMetadata: " + metadata );
//metadata.mergeTree(metadata.getNativeMetadataFormatName(), root);
metadata.setFromTree(metadata.getNativeMetadataFormatName(), root);
//Node root = metadata.getAsTree("javax_imageio_gif_image_1.0");
IIOImage ii = new IIOImage(src, null, metadata);
iw.writeToSequence( ii, (ImageWriteParam)null);
iw.endWriteSequence();
ios.close();
return file;
public static void main(String[] args) throws Exception {
// uncomment the other two if you like, but we can
// see it work or fail with just the first and last.
String[] names = {
"bronze",
//"silver",
//"gold",
"platinum"
String pre = "http://forums.sun.com/im/";
String suff = "-star.gif";
BufferedImage[] frames = new BufferedImage[names.length];
for (int ii=0; ii<names.length; ii++) {
URL url = new URL(pre + names[ii] + suff);
System.out.println(url);
frames[ii] = ImageIO.read(url);
File f = saveAnimate(frames, "animatedstars", "500");
JOptionPane.showMessageDialog( null, new ImageIcon(f.toURI().toURL()) );
Desktop.getDesktop().open(f);
ImageInputStream iis = ImageIO.createImageInputStream(f);
//System.out.println("ImageReader: " + ir1);
//System.out.println("IIOMetadata: " + ir1.getStreamMetadata());
Iterator itReaders = ImageIO.getImageReaders(iis);
while (itReaders.hasNext() ) {
ImageReader ir = (ImageReader)itReaders.next();
System.out.println("ImageReader: " + ir);
System.out.println("IIOMetadata: " + ir.getStreamMetadata());

According to imagio's [gif metadata specification|http://java.sun.com/javase/6/docs/api/javax/imageio/metadata/doc-files/gif_metadata.html], the metadata you are specifying is image-specific metadata. The stream metadata is global metadata applicable to all the images.
So change this,
IIOMetadataNode root =
    new IIOMetadataNode("javax_imageio_gif_stream_1.0");to this,
IIOMetadataNode root =
    new IIOMetadataNode("javax_imageio_gif_image_1.0");and this,
IIOMetadata metadata = iw.getDefaultStreamMetadata(iwp);
System.out.println( "IIOMetadata: " + metadata );
//metadata.mergeTree(metadata.getNativeMetadataFormatName(), root);
metadata.setFromTree(metadata.getNativeMetadataFormatName(), root);
//Node root = metadata.getAsTree("javax_imageio_gif_image_1.0");to this,
IIOMetadata metadata = iw.getDefaultImageMetadata(
        new ImageTypeSpecifier(src),null);
System.out.println("IIOMetadata: " + metadata);
metadata.mergeTree(metadata.getNativeMetadataFormatName(), root);Here is your program again, but with the above changes.
import java.awt.*;
import java.awt.image.*;
import javax.swing.*;
import java.io.*;
import java.net.URL;
import java.util.Iterator;
import javax.imageio.*;
import javax.imageio.metadata.*;
import javax.imageio.stream.*;
import org.w3c.dom.Node;
class WriteAnimatedGif {
    /** Adapted from code via Brian Burkhalter on
    http://forums.java.net/jive/thread.jspa?messageID=214284& */
    public static Node getRootNode(String delayTime) {
        IIOMetadataNode root =
                new IIOMetadataNode("javax_imageio_gif_image_1.0");
        IIOMetadataNode gce =
                new IIOMetadataNode("GraphicControlExtension");
        gce.setAttribute("disposalMethod", "none");
        gce.setAttribute("userInputFlag", "FALSE");
        gce.setAttribute("transparentColorFlag", "FALSE");
        gce.setAttribute("delayTime", delayTime);
        gce.setAttribute("transparentColorIndex", "255");
        root.appendChild(gce);
        IIOMetadataNode aes =
                new IIOMetadataNode("ApplicationExtensions");
        IIOMetadataNode ae =
                new IIOMetadataNode("ApplicationExtension");
        ae.setAttribute("applicationID", "NETSCAPE");
        ae.setAttribute("authenticationCode", "2.0");
        byte[] uo = new byte[]{
            (byte) 0x21, (byte) 0xff, (byte) 0x0b,
            (byte) 'N', (byte) 'E', (byte) 'T', (byte) 'S',
            (byte) 'C', (byte) 'A', (byte) 'P', (byte) 'E',
            (byte) '2', (byte) '.', (byte) '0',
            (byte) 0x03, (byte) 0x01, (byte) 0x00, (byte) 0x00,
            (byte) 0x00
        ae.setUserObject(uo);
        aes.appendChild(ae);
        root.appendChild(aes);
        return root;
    /** Adapted from code via GeogffTitmus on
    http://forums.sun.com/thread.jspa?messageID=9988198 */
    public static File saveAnimate(
            BufferedImage[] frames,
            String name,
            String delayTime) throws Exception {
        File file = null;
        file = new File(name + ".gif");
        Node root = getRootNode(delayTime);
        ImageWriter iw = ImageIO.getImageWritersByFormatName("gif").next();
        ImageOutputStream ios = ImageIO.createImageOutputStream(file);
        iw.setOutput(ios);
        //IIOImage ii = new IIOImage(frames[0], null, null);
        //IIOMetadata im = iw.getDefaultStreamMetadata(null);
        //IIOMetadata im = new AnimatedIIOMetadata();
        //im.setFromTree("gif", root);
        iw.prepareWriteSequence(null);
        for (int i = 0; i < frames.length; i++) {
            BufferedImage src = frames;
ImageWriteParam iwp = iw.getDefaultWriteParam();
IIOMetadata metadata = iw.getDefaultImageMetadata(
new ImageTypeSpecifier(src), null);
System.out.println("IIOMetadata: " + metadata);
metadata.mergeTree(metadata.getNativeMetadataFormatName(), root);
IIOImage ii = new IIOImage(src, null, metadata);
iw.writeToSequence(ii, (ImageWriteParam) null);
iw.endWriteSequence();
ios.close();
return file;
public static void main(String[] args) throws Exception {
// uncomment the other two if you like, but we can
// see it work or fail with just the first and last.
String[] names = {
"bronze",
//"silver",
//"gold",
"platinum"
String pre = "http://forums.sun.com/im/";
String suff = "-star.gif";
BufferedImage[] frames = new BufferedImage[names.length];
for (int ii = 0; ii < names.length; ii++) {
URL url = new URL(pre + names[ii] + suff);
System.out.println(url);
frames[ii] = ImageIO.read(url);
File f = saveAnimate(frames, "animatedstars", "500");
JOptionPane.showMessageDialog(null, new ImageIcon(f.toURI().toURL()));
Desktop.getDesktop().open(f);
ImageInputStream iis = ImageIO.createImageInputStream(f);
//System.out.println("ImageReader: " + ir1);
//System.out.println("IIOMetadata: " + ir1.getStreamMetadata());
Iterator itReaders = ImageIO.getImageReaders(iis);
while (itReaders.hasNext()) {
ImageReader ir = (ImageReader) itReaders.next();
System.out.println("ImageReader: " + ir);
System.out.println("IIOMetadata: " + ir.getStreamMetadata());

Correct URL path for images on HTML reports

We are using Reports Server 6.0 and rwcgi60.exe to display HTML reports on the web. A number of our reports have embedded charts in them which get converted into gifs when the HTML report gets generated.
The problem is that the HTML report has a <base href="http://machinename/cache/xyz.html"> at the top of the report. In our case, the machinename is the name of the web-server. However, when folks go to our website, they actually see our domain name rather than the internal machine name of the web-server. Hence, the images do not show up as the URL associated with the image is not accessible by folks coming from outside the web-server.
Is there some setting that will help us set the base href associated with generated reports? Or is there some other way to get the reports to show up with images on the web?
Thanks

You can't change the base tag - but I'm not sure I understand the problem. If machinename.domain is the full name of the machine running the webserver, and this is what was used when calling the CGI, then this is what the base tag will have. Does your machine have 2 names or something - and only 1 gets resolved to some folks?
Regards
The Oracle Reports Team http://technet.oracle.com

Animated GIF transparency in Muse

I am using Adobe Muse CC 2014 and am interested in placing either a transparent animated .GIF image or an Adobe Edge Animate CC 2104 transparent .OAM image on top of
an image in the <body> section. Placing the Adobe Edge Animate .oam image results in a NON-TRANSPARENT background, even though the same background when
creating/saving/viewing the .html image in Adobe Edge Animate displays as transparent.
I created an animation with a transparent background in both Adobe Photoshop CC 2104 and Fireworks CS6, saving the file as an animated .gif. In both applications, the
background is again, transparent. Placing either of those animated .gif images on top of a <body> background image (.jpg) results in a white stroke/outline around the
non-transparent part of the animated .gif.
All help would be greatly appreciated for enabling either an Adobe Edge Animate .oam image with a transparent background, or an animated .gif file with a transparent
background to be placed on top of a <body> image in Adobe Muse WITHOUT a stroke/outline of any color. Either the steps to make this happen OR a temporary
workaround would be terrific!
NOTE: The stroke of the image has been set to NONE in Adobe Muse to remove this option as a variable.
Thanks,
Prefix

I appreciate your reply. The problem, in this case, did not lie with Photoshop or Fireworks - both of which were used in the creation of the animated images. In both
applications, adding a darker background (just for testing purposes) shows no white outline. As it turned out, the problem was due to the nature of saving (in this case)
a .gif from either a .png file (native to Fireworks), or from a .psd file (Photoshop, of course). The .gif supports transparency, but only at greater than 50%. Anything at 50% or
less (as would occur with anti-aliasing or feathering, for example) will resolve to white. Since there was feathering (and anti-aliasing) for both the transparent characters
as well as the outer edge of the sphere, saving the file as an animated .gif caused the white outline to appear.
The GOOD news is that there is a solution to the problem. I created a file with the animated images 3X larger than the final size. When the image was reduced
in Adobe Muse to the desired size, the white outlines disappeared, leaving me with what I intended as an image from the beginning.
Thanks all who replied and ultimately helped to determine first the cause of the white outlines, and then a way to "fix" the problem.
All of your help is greatly appreciated.
Prefix

Animated gif frame count & fps

How do I find out details of an animated gif? I need to know the number of images in a strip, and also the frame rate. I would like to convert the strip to a BufferedImage for animation.

See http://www.fmsware.com/stuff/gif.html for a free decoder.
It will give you a frame count, and return each frame as a BufferedImage. It will also tell you the duration of each frame (animated GIF's don't have a fixed frame rate).
-- Kevin

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, XML & Flash 8

I created an animated gif in photoshop cs3. I'm opening the
gif file from inside an xml file using flash 8. It displays the gif
just fine without the animation. I noticed that when I open the
same gif file from an html file the browser (IE7) ask permission to
run activex. Once I give it permission, the animation runs fine.
When I run it from flash 8, IE7 doesn't ask permission...it just
displays the gif file without running the animation. Any clues?
-Manny

One thing you may want to look at is the way your symbols are being triggered on the timeline. For example: you have an image of a ball bouncing, it goes down then up over the course of 30 frames and you are playing the FLA at 15 FPS so it takes a full two seconds per "bounce". If you are then putting that symbol into another timeline (probably the main timeline) you need to give the instance of that symbol the full 30 frames to go through the bounce before it stops, but if you give it 31 frames or forget to put a stop() command on the last frame, the sequence will repeat before clearing the stage.
I would look at how you have positioned the object that is being looped in the main timeline and remember that with each keyframe you add to the timeline the animation will restart from the beginning. Imagine the bouncing ball graphic is a video clip of a ball bouncing and not a collection of vectors being repositioned on the stage. Every time you have a keyframe on the symbol of the video on the main timeline, the video restarts and appears to loop. The same may be happening with your animation on the timeline.
Hope this helps.

Animated gif to html report

Similar Messages

Maybe you are looking for