Animated GIF duplicates each layer, only in production browser

If you go to the website I am working on: http://www.headjobby.com you will see an animated GIF at the top of the page. It shows the identical text on two lines. However, I did not create my GIF as two lines, only one. Also, it only shows up in the production browser, not in the Preview.
I am using Photoshop Elements 4 on a Windows Small Business Server with 2 GB RAM.
Thanks,
Bill Ross

I am not a web designer expert, but right clicking shows it as a HTML file and not a GIF. The logo box in the upper left corner shows as GIF. I don't know if this is significant, but may give you an idea where to look next.

Similar Messages

Photoshop elements 10 animated gifs show one layer only

I don't like this new version of photoshop elements (photoshop elements 10). When I try to edit an animated gif file, it says I can only view one layer and the rest will be lost. Why is this?

Known issue. This is actually because Photoshop CSx used a GIF plug-in that didn't support opening GIF files as layers. That same plug-in was sent over to PSE in version 9. You can get the plug-in from earlier versions to fix this:
Can't open animated GIF files as layers | Photoshop Elements 9 | Windows
http://helpx.adobe.com/photoshop-elements/kb/cant-open-animated-gif-files.html

Exporting animated gif to web shows only a transparent pane.

I have created a very simple four frame animated gif in CS6. It plays and transitions fine, but when I come to save it to web the preview pane is transparent.
I used 'create video timeline' as my timeline option.
I must be doing something basic very wrong, but can't figure it out.
Any help please!
Thank you.

In terms of replicating the problem, this is what happened to me.
I created 4 frames of animation in the Video timeline. For each frame, the image only showed for a short time and then disappeared until it switched to the next frame.
I'll illustrate the problem.
1. When the playhead is at 1, I see my image just fine.
2. When I move the playhead, the image disappears, despite all the layers still being visible.
3. I open the dropdown menu for each frame and see that the Opacity markers don't extend for the whole frame. Essentially the content disappears before it reaches the end of the frame.
4. I highlight the opacity section and hit delete, so that no change will take place.
However, you say that the animation plays just fine inside your Photoshop document, leading me to believe that I haven't solved your problem yet!

How do i create an animation with one frame for each layer?

I have 76 sequential images that i've loaded as layers using bridge, then aligned using photoshop.
I would now like to create a 76 frame animation with one animation frame for each layer
(the layers are in sequential order).
is there an easy way to do this
or do i have to create 76 frames (can duplicate multiple to speed it up)
then set layer visibility for each frame?
thanks
bill w
astro.whwiii.net

thanks for all the replies
got it
here's a rough draft of 2 hours of sunshine
http://whwastro.homestead.com/files/big/31-05-2014-prom-animation.gif
-bill w
astro.whwiii.net

Animated .gif in JTable cell

Hi -
I have an actual animated .gif that I would like to display in a JTable's cell. By 'actual animated .gif', I mean that it is one file that is animated, and not a succession of files that I would loop through to look like animation.
I have edited the following code that I found in a previous post. My .gif does display in the JTable and animates only ONCE. Once it animates once, it stops. How can I cause it to keep looping through and repeating the animation?
Thanks!
Kelly
Code below:
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import javax.swing.*;
import javax.swing.table.*;
public class AnimatedIconTableExample extends JFrame
public AnimatedIconTableExample()
super("AnimatedIconTable Example");
final Object[][] data = new Object[][]
{ new ImageIcon("images/Upload.gif") }
final Object[] column = new Object[]
{ "Image Uploading" };
AbstractTableModel model = new AbstractTableModel()
public int getColumnCount()
return column.length;
public int getRowCount()
return data.length;
public String getColumnName(int col)
return (String) column[col];
public Object getValueAt(int row, int col)
return data[row][col];
public Class getColumnClass(int col)
return ImageIcon.class;
JTable table = new JTable(model);
table.setRowHeight(50);
setImageObserver(table);
JScrollPane pane = new JScrollPane(table);
getContentPane().add(pane);
private void setImageObserver(JTable table)
TableModel model = table.getModel();
int colCount = model.getColumnCount();
int rowCount = model.getRowCount();
for (int col = 0; col < colCount; col++)
if (ImageIcon.class == model.getColumnClass(col))
for (int row = 0; row < rowCount; row++)
ImageIcon icon = (ImageIcon) model.getValueAt(row, col);
if (icon != null)
icon.setImageObserver(new CellImageObserver(table, row,
col));
class CellImageObserver implements ImageObserver
JTable table;
int row;
int col;
CellImageObserver(JTable table, int row, int col)
this.table = table;
this.row = row;
this.col = col;
public boolean imageUpdate(Image img, int flags, int x, int y, int w,
int h)
if ((flags & (FRAMEBITS | ALLBITS)) != 0)
Rectangle rect = table.getCellRect(row, col, false);
table.repaint(rect);
return (flags & (ALLBITS | ABORT)) == 0;
public static void main(String[] args)
AnimatedIconTableExample frame = new AnimatedIconTableExample();
frame.addWindowListener(new WindowAdapter()
public void windowClosing(WindowEvent e)
System.exit(0);
frame.setSize(300, 150);
frame.setVisible(true);

I've heard of that problem before... I think it has something to do with how the image is loaded. I found an example of how Sun does animated gifs here: http://java.sun.com/products/java-media/2D/samples/suite/Image/DukeAnim.java
I hope it helps.

Flash to animated gif

Hi all,
I have a flash movie that I needed to convert to animated gif
for display in an email. My flash movie has 4 main movieclips, and
housed inside these clips are the animations. I inserted a stop()
function on each of these clips and once the first clip runs
finish, I used _parent.play() to activate the next clip and so on.
However, when I tried to convert to an animated gif, it seems that
only 4 frames are exported at the first level. Is there any
solution to this?
Thanks!

You could export it as a Quicktime movie and then convert it
to an animated gif.

Animated GIF is running to fast

I have an animated GIF in my Java app, and it seems to be running really fast for some reason. When the GIF is just placed in an HTML page to view it runs at the normal speed.
Any help?
Thanks.

I know the topic is a little bit old, but I am seeing this issue as well. Since no answer was ever posted, I thought I would bring it up again. I have several animated gifs that play normally in a web browser, but when I try to display them in Java, they play extremly fast. I am just adding an ImageIcon, the animated gif, to a JLabel and setting the ImageIcons ImageObserver to the label. This technique worked in 1.3 but appears to be broken in the 1.4 releases. I have 1.4.1_02 installed right now.

Is it possible to create an animated gif with a different hotspot/link on each state?

Hi! I was unable to find the answer to my question by searching, so sorry if this has been discussed already.
I'm trying to make an animated gif that's basically a little slideshow with a different link on each slide (or state, as Fireworks calls them). But it only seems to let me use one hotspot for the whole thing, even if I insert in the layer instead of in the state. I tried using slices instead of hotspots, and it does the same thing.
Is it possible?

Ok, thanks! I have another way to do what I'm trying to do, I just thought it might be better to do it this way. Obviously I was wrong!
Thanks again!

How do I hide the mask layer when exporting as animated GIF ?

Hi,
I have designed the following logo for my football team's website.
It plays fine as a flash file but when I export it as an animated GIF file, it shows the bright pink mask layer. Obviously I don't want it to. Has anybody an idea of how to rectify this problem ?
Thanks,
Phil

Peter,
Success! I finally got my head round it Indeed, I can see now your point about the export method being preferable, it's also much quicker than my old "print PDF" method! Like I say, publishing isn't my area of expertise and I get comfortable and set in my ways with certain ways of doing things, especially with computers!
Bob,
Like I was saying to Peter, that makes sense now. I guess my not appreciating the process of PDF creation and thus my incorrect use of the terminology may have confused the issue. With regards the link you sent me, wow it certainly seems I'm not the only one who gets confused! Fortunately it seems my problem is now solved and I have learned to produce a better product!
Thanks again guys!
....now I wonder how I can make my dissertation interactive....

How to only edit one state when creating an animated .gif?

I created my first anaimated .gif image the other day. Now when I try to create a new one everytime I duplicate state and try to edit just the duplicated state all states are updated. I only click on one state then as soon as I do something it updates all of them! How do I turn this off? It's driving me nuts I've been messing with it for over 2 hours! Ahhh.... thanks!

yaksushi wrote:
I created my first anaimated .gif image the other day. Now when I try to create a new one everytime I duplicate state and try to edit just the duplicated state all states are updated. I only click on one state then as soon as I do something it updates all of them! How do I turn this off? It's driving me nuts I've been messing with it for over 2 hours! Ahhh.... thanks!
Hi,
what's your Fireworks version? You should be able to edit and modify any state in an animated gif without all the States to modify.
Now all depends on what you have in your States. For example, if you have symbol 1 in State 1, you duplicate your State and get symbol 1 in State 2. When you modify symbol 1 all the symbols 1 will be modified at the same time.

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

Animated gif from .ICO files - Indicates layer is partially locked

thanks for helping the non-graphics newb out...
trying to create my first animated gif. I have 8 .ico files that i converted to .png to open them. once all are open i try to combine into one file with 8 layers but am unable to do it!?!? If I click on the main layer in any file it shows as locked and says "Indicates layer is partially locked"

in any file it shows as locked and says "Indicates layer is partially locked"
That is normal. Just open the file you want to use as the base/background layer. Now open the file that will be the first layer up from that, press ctrl+a (cmd+a on a mac) to select all of it, then ctrl+c (cmd+c) to copy it. Switch back to the background layer, click in it, then press ctrl+v (cmd+v) to paste it and use the move tool to position it. Repeat for each layer. Note that layers in an animated gif do not play in front of hte base layer the way cartoon cels do, so that you see action in front of a backdrop. You must include everything you want to see at once in each layer.

How to Make Animated GIF from Layer Comps?

Have CS3 on XP.
I have 15 Layer Comps created the way I like them...How do I make an Animated Gif or animated PNG from the Layer Comps?
Id Like Each Layer of the animation to be one of the Layer Comps... so it shows the progression of the frames built from 1st to last.
Thanks
Suzzie

I'm not sure off hand since I rarely ever have used layer comps, but I believe you need to flatten them before being able to use them in an animation...
Mylenium

Animated gif only plays one time??

An animated gif created in Photoshop and exported with 'loop forever' output only loops once on my home page. I have not resized, cropped it or added any effects but as it plays once Muse can't have rasterized it.
I am using adobe muse cc 7.1 build 329, OSX 10.9
the lilly in the top left gif image should animate continuously. - jimmymcgilchrist.comhttp://www.jimmymcgilchrist.com/index.html
any assistance appreciated.
Jimmy

Hi DrStrik9,
Thanks, I just tried it directly in the browser and it works fine. When previewing in the finder window on my desktop it works fine as well.
I have had animated gifs working fine previously on the same muse site as a browser fill and as buttons.
Nothing has changed about the way I make the animation but these are some variables that have changed:
- update Operating System from OSX 10.8 to 10.9
- udate to current muse version
- switch from Godaddy - wordpress hosting to Adobe Business Catalyst
- upload via 'publish' within muse rather than via 'upload to FTP host' within muse.
Thanks,
Jimmy

Animated gif plays only once

I am using Captivate 5.5 on a Windows machine. I inserted an animated gif into my Captivate, using insert > animation... Then, I inserted a button. When I pressed F4 to preview the animation, it played only once. I put a check mark on the loop on the timing of the properties of the animation. Still, it played only once. It stopped when the play head stoped moving. I cannot make the animated gif play continuously. Does anybody know how to make the animated gif play continuously?
thaks.

You can try this:
Stick this in the header area of your code
<script type="text/javascript"> function showBuyLink() {
document.getElementById("buylink").style.visibility = "visible";
} // adjust this as needed, 1 sec = 1000
setTimeout("showBuyLink()", 5000);
</script>
Stick this around your buy link code.
<div id="buylink" style="visibility: hidden">  <p style="text-align:center; font-size:26px;"> <a href="http://mybuylink">Add to Cart or Buy Link</a> </p> </div>
Yopu can rename "buylink", but you have to make sure you rename all instances or it will kill the script.
If you're not comfortable incorporating that, unfortunately, the other option would be to create a Flash animation and put a button in the last frame.
That would be just as difficult (if not worse) as writing (or tweaking) a javascript to delay the hotspot, and even worse because it would be invisible to phone users. Additionally, people who disable javascript would never see the link if you did add the script.
There isn't any way to do this with HTML or CSS, and you now know the flaws with the methods that will work.

Animated GIF duplicates each layer, only in production browser

Similar Messages

Maybe you are looking for