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

Similar Messages

Problems with Adobe Flash Professional CC (CS6 too) to save animated .gif file or perfect .swf file

Hello,
I have a problem with Adobe Flash Professional CC and CS6 to save animated .gif file. Here is very simple work with logo. But I can't save a perfect file swf or gif and it's so bad news for me. Logo .swf file save with bugs. Bugs just see then file insert in freeshop page. Here is just example test page, it let you see logo bugs - http://tagraseshop.graphicsrim.eu . Here is real page, but it's not my, it's freeshop with old logo and I have corect it - http://www.tagras.lt
Animated .gif file absoluted not saved in Flash CC. Just gif picture. And why? My os Windows 8.1 . Indeed I try to save on Adobe Flash Professional CS6. It's not save too...
Gif "animated" - https://mega.co.nz/#!D8pEVaRR!Gjg-nI4T-0vROV9xCa1XfXz4br1X9lpQfUR0nQNT LK4
Swf with bugs - https://mega.co.nz/#!jo5lSRyS!1x6GjWqYsf7n4KknUs6eF8EqZXEv9e8RsSpGd8h5 jGQ
Fla - flash document - https://mega.co.nz/#!C94nCDSS!7yKF9FIBvYtVC9r8kYiJ0l0xzUm_R2HwgoXks6iM zUA
Perfect animation speed is here - http://e-shoptagras.graphicsrim.eu
Who can help to me?
Any ideas?
Thanks for your help in advance!

Thanks, but I use publish/export settings with GPU hardware acceleration and flash version 11.2 (and 11.8) but nothing happening.
And why gif file is not all transparenty then I insert on lightblue background? It can't export good quality? Also I use Photoshop, After Effects, Adobe Edge Animate. And nothing happening. Egde animate file .oam is not good for old website navigation. It can't be inserted in freeshop site from navigation... I use logo file .oam just for example here - http://e-shoptagras.graphicsrim.eu
In reality I want swf file, but we don't find why logo flickering? here http://tagraseshop.graphicsrim.eu
All file's are transparenty - https://mega.co.nz/#!f8B2CD5R!J8uCJt9Sdq4Suz4HLhTHz8bzJcSWXMBIKcKZgkD3z8c
I need help! Please!

Animated .gif files in mail. Problem persists. (PANTHER)

3-17-07
Happy St. Valentine's Day to all you Irish folks!
I'm posting this even though there are threads in the forum that I have
used and contributed to in the past on this topic.
The problem PERSISTS!
The problem/situation is that in mail from family/trusted friends, after I
open the mail, there is no "Load Images" warning at the top but an
animated .gif file is in the message! (don't get me wrong, i do sincerely
love dancing bears. i just want some warning.)
Any suggerstions?
In mail preferences,viewing I have unchecked "display images and embedded
objects in HTML messages".
In mail preferences,junkmail I have "enable junk mail filtering" and
"trust junk mail headers..." both checked.
All junk mail is flagged as junk. (in junkmail,advanced and in rules).
I keep the preview pane collapsed.
I pay attention to flags and don't open junk from strangers.
eMac G4 (build 7W98) 125 GHz, 256 MB, 37 GB Mac OS X (10.3.9) dialup 56K modem

just cleaning up my junk

Editing an animated gif file

Hi experts,
I have an animated gif file that works in my Dreamweaver website. However, I edited the gif file in Photoshop, changing the image and canvas sizes. When I save it (as a gif), only the top layer is retained, and it's no longer an animation. How can I save the edited file and keep it as an animation that will work on my web page?
Many thanks for hints
Richard

What version of PS are you running? In CS4, 5 and 5.5 (not sure on the others) you simply just open the .gif. It should be in layers - one layer for each frame. You will then need to open the animation panel before making any modifications. If you don't, it will change each frame to the current.
You can't use save as. You need to use save as web or devices then make sure it's a gif and ensure the frames indicator says more than 1. You can then use the play/forward buttons to make sure it looks as you expect.

Activation of links to embedded ".kmz" and "Animated GIF" files.

I recently upgraded from Adobe Acrobat Pro X to Adobe Acrobat Pro XI and noticed a slight difference on how documents linked in an Adobe Acrobat File are activated for display.
I have placed files I want to display in my Adobe Acrobat file as file attachments. I then link to those files, so that the user can click on an icon area within the document and open the file in a new window.
After a little effort, I was able to make the correct links to .pdf file attachments, but ran into problems linking to and displaying files that utilize external applications to view the file. If I was able to convert this file to a .pdf file, I could open it with no problem.
However, I am having trouble linking the following file types for display from file attachments already embedded in the Adobe Acrobat document file.
They are...Portable Network Graphic (PNG), Animated Graphic Interchange Format (GIF), and Keyhole Mark-up Language - Zipped (.KMZ) and Microsoft Word (PPT) files.
The .pdf file was originally convered from a Microsoft Word file in which all of the links worked fine.
I thought I had the problem solved in Adobe Acrobat Pro X, but cannot seem to open the same files iin Adobe Acrobat Pro XI.
Would appreciate some guidance.

Thank you for your offer, I do appreciae it. But I think the better question to ask at this point is : What is the last version of Photoshop Elements that supports editing animated gif files. This is too important to me to lose this ability and after checking further I see CS4 is out of my price and needed features range. I would rather hang on to my old laptop to manipulate photos than lose the ability to edit my .gif files.
Can anybody help with this question?

Importing animated gif files

Hello,
I have some animated gif files that i would like to import into framemaker.
The problem is that these animated gif does not activate. Is Framemaker compatible with animated gif's?
Out of this framemaker file we would like to extract a pdf and a microsoft html help file (via e-publisher).
How do i keep these gif files animated in Framemaker & pdf?
We are working with Framemaker 8.0 on a windows vista operating system.
PDF = adobe acrobat 9 pro.
Bjorn

If you are using FrameMaker and WWeP you can certainly use a reference to the animated GIF and pull the animated source into your HTML help from WWeP. Check a WWeP forum on doing that.
Also, PDF now supports Flash. Have you tried using Flash animations?
HTH,
Sean

Getting Animated Gif files to animate

Anyhad had any success at having animated gif files animating in Keynote 2? Mine doesn't seem to want to animate. Thx!

Another thing, did you get your animated GIF from online or from a collection on CD/DVD? If you just drag and drop an animated GIF from Safari, it will usually only save the starting image. You have to control-click (or right-click) and Save File As to save all parts of an animated GIF you download from the web. Off of a CD/DVD, there shouldn't be any such problem, though.
Damian

Animated .gif files in Captivate - why doesn't it work?

OS: XP
Captivate Version: 3
I was e-mailed an animated .gif that I want to use in a project I'm working on.
I saved the .gif to a drive. I then clicked Insert - Animation and selected it. I received a message stating This is not an animated GIF file or file in use. If I click Insert - Image, it brings in the image but the file is not animated.
Just for testing purposes, I moved the .gif file by itself on to the web server. When I access it through Internet Explorer on the web server, it works.
How do I get the file to animate in Captivate?
Your help is appreciated. Thanks.

I wasn't able to open your GIF animation in Photoshop and nothing appeared in Captivate when I inserted it -- the same experience that you had. I tried an experiment with a very simple GIF animation that I created from scratch in Photoshop CS4. When I tried to insert this simple animation into Captivate 4, a message appeared that Captivate was converting. It never finished converting and eventually hung Captivate and had to force it to quit.
Since Lilybiri is able to insert Photoshop animated GIFs into Captivate without any problems, it may be that there are some version incompatibilities. It would be interesting to know which versions of Photoshop and Captivate Lilybiri is using and which versions you are using. It would also be interesting to know if Lilybiri is using transparency in the GIF, and which settings are being used when saving the GIF.

Animated gif files not working in FF5 ok in every other browser

Hi .
I am having problems getting animated gifs to play in firefox 5 i am using a photo gallery script to show these files it works in every other browser i have access to (most of them on Linux and windows Xp and win7 ) if i use FF5 as a file manager and navigate to the files they run but not from a web page this is only with firefox 4 and 5 not got previous to 4 to test .

Right . this looks like it may be a problem with the way FF5 is handling various methods of viewing images i use the following code .
<pre><nowiki><a class="thumbnail" href="#thumb"><img src="photos/IMG_7039 EOS-1D Mark III copy.jpg" width="100px" height="75px" border="0"><span><img src="photos/Animations/IMG_7039 EOS-1D Mark III copy.gif"></span></a></nowiki></pre>
along with css .
<pre><nowiki>(
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
.thumbnail img{
border: 1px solid blue;
margin: 0 5px 5px 0;
.thumbnail:hover{
background-color: transparent;
.thumbnail:hover img{
border: 1px solid blue;
.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: lightyellow;
padding: 5px;
left: -600px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
.thumbnail span img{ /*CSS for enlarged image displays the large image*/
border-width: 4;
padding: 12px;
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
)</nowiki></pre>
to create the gallery now if i navigate directly to the dir with the gif images in they work ok but if i use the gallery method they fail .
Tried safe mode no addons no change ..

Viewing Animated GIF files in Preview

Hello...
I'm trying to figure out why I cannot view animated GIF files within Preview. When I search within Preview's help I get this...
*1. Open the animated GIF file in Preview.*
*2. If the window's drawer isn't already visible, choose View > Drawer.*
*The drawer contains a thumbnail image for the animated GIF. The number of frames in the animation appears in the lower-right corner.*
*3. Click the triangle beside the thumbnail image.*
*Preview shows all the frames in the animated GIF. When you click a frame, the animation stops and Preview displays that frame.*
Now at the end of number 3 it states that "the animation stops", so according to that statment Preview should be "playing" the animation until I click a certain frame to stop it. Well mine doesn't do this, SO what's going on?
Oh, my OS is v10.4.10 and Preview is v3.0.9(409).
Thanks!

Preview in Panther did play animated gifs, although it was a bit clunky at it. Evidently they intended to fix this in Tiger, but instead they ended up breaking it completely. To play an animated gif you now need to do so in a browser, such as Safari. Preview no longer plays them at all.
Francine
Francine
Schwieder

How to edit a Animated Gif file and convert to SWF

I am using the creative cloud with fireworks. I chose the free trial with buying in mind if I saw it work properly. I simply want to upload an animated GIF file and then download it as a SWF file. I saw someone on youtube do this and it's not that if I get on the correct page I would not know how to do that but I just cannot find how to get the GIF into the software to edit. It has just simply put them in the creative cloud folder which can open them on IE> How do i make it available to edit and convert to SWF please? Thanks in advance.

You will likely get better program help in a program forum
The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

Animated .gif files

I have been using an older version of Photoshop Elements for a long time but just got a new MacPro and decided it's time to upgrade my PSE. But maybe not....I downloaded the Photoshop Elements Trial version to check out if it's really worth upgrading or not and I think I'm in trouble. I have a ton of animated .gif files and they do not appear to open in the familiar "layers". i read through some of these discussion threads and I think you're saying that if I use the current version of Photoshop Elements I will not be able to edit my old .gif files. I did try making new layered files and save them for the web with animation and that seemed to work. But if I'm going to lose the ability to edit my old .gif files I'm not sure I want to upgrade.
Can someone clarify this for me please. Maybe it's just a matter of switching from Elements to CS4, but I thought from the descriptions of the programs as provided in the Products section that I fit more with the Elements program.....maybe not????
And this does not even consider that I haven't tried to load my older version on the new intel machine yet, it may not even run if I try that.
I do, for about 20% of my computing time use "that other" platform, but I don't like it, I much prefer my wonderful Mac machines.
thanks for your help
Leigh

Thank you for your offer, I do appreciae it. But I think the better question to ask at this point is : What is the last version of Photoshop Elements that supports editing animated gif files. This is too important to me to lose this ability and after checking further I see CS4 is out of my price and needed features range. I would rather hang on to my old laptop to manipulate photos than lose the ability to edit my .gif files.
Can anybody help with this question?

Animated Gif files in Captivate

I have created an animated GIF file in Photoshop that i want to use in my captivate file.
The file wont preview in any of the preview modes other than the HTML5 output preview. All other previews just show the first frame of the GIF file.
If i chose to SWAP the animation with another GIF from the library the preview shows the animation playing.. see attached
Is there something im doing wrong here.
I guess i could upload my final file to the LMS with HTML5 output as this preview shows the animation but i also read there are limitations with this output as some transitions / effects dont work.
Any help would be greatly appreciated.
Thanks
Darren

Hi Darren,
Yes, you can verify whether your GIF would fucntion correctly on HTML5 platform by Window--HTML5 Tracker Pod.
I am not an expert on Photoshop, but still would like to make a recommendation.
Set the 'delay' value for each of your Frame to 0.01 or some value if it shows as 0, this can be done using the animation frame Window. Save it as GIF again for Web Devices and import in Captivate, see, if you are abale to preview this time.
Thanks,
Anjaneai

Problem with animated .gif

I have a problem with animated gifs. So if I set a animated gif as background and a button is over it as in the example below, then everytime the animation goes on the button disappears until I go over it with the mouse. So what can I do to solve this?
import java.awt.Color;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
public class FrameBackImage {
          public static void main(String args []){
               final JFrame frame = new JFrame("Frame");
               frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
               frame.setSize(400, 400);
               frame.setResizable(false);
               frame.setLayout(null);
               java.net.URL imageURL = ImageApp.class.getResource("animatedw.gif");
               ImageIcon imageIcon = new ImageIcon(imageURL);
             final JLabel label = new JLabel(imageIcon);
             label.setBounds(0,0 , 400, 400);
             frame.getLayeredPane().add(label);
             JButton button = new JButton ("Exit");
             button.setBounds(200, 129, 60, 60);
             button.setBackground(Color.black);
             button.setForeground(Color.white);
             frame.add(button);
             button.addActionListener(
             new ActionListener(){
                    public void actionPerformed(ActionEvent arg0) {
                         System.exit(0);
             frame.validate();
              frame.setVisible(true);
}

In the future, Swing related questions should be posted in the Swing forum.
Your usage of the getLayeredPane() method is something I've never seen before, so I don't know if thats the problem or not.
How to display a "background image" is asked all the time in the Swing forum. So to familiarize yourself with the forum you can try searching the Swing forum. Using the keywords I highlighted would be a good place to start.

Can Premiere Elements be used on an animated gif file?

I am considering purchasing Premiere Elements but I need to know if one can use it to add effects to an animated gif file.
For example, in Photoshop Elements one can add certain effects to a gif image, such as giving it certain textures or filters.
Can one do the same kind of thing in Premiere Elements and if so can it be done to an animated gif file?
Maybe a better way to ask this question is: can you import an animated gif file into Premiere Elements and then manipulate it? Run filters, etc.
Thanks for your help.

If you load your GIF into Premiere Elements 10, edit it, then share to an AVI file, you can then import the AVI file into GIF Movie Gear by Gamani, which will then create an animated GIF. I learned about this utility from a Microsoft tutorial on creating icons for Windows XP.
http://www.gamani.com/product_icon.htm
If you use Firefox and get redirected, try using Internet Explorer instead.
After the trial period is over, it's $29.95US for 4 licences.
When you share to an AVI file, you will want to select the Microsoft AVI item from the list, then click the advanced button to open up the dialog where you will need to select a codec and enter the frame size and frame rate. The codec will have to be one that GIF Movie Gear likes, so there may be some trial and error needed to get a good codec. I shared to an AVI after picking Xvid for the codec, which GIF Movie Gear imported.

Problems syncing animated gif files on website

Similar Messages

Maybe you are looking for