CSS placed animated GIF background not playing in IE6

http://www.workandpartners.com/WAP/
White two-frame GIF animation background .plays fine in Firefox, but suddenly stopped working in IE6.
Could it be my F-Source navigation is in conflict? What to do...
I'm at my wit's end, and client coming 9:00 AM tomorrow.
Platform is PC - WinXP Pro
Any assistance deeply appreciated
TIA

See if fixing the validation errors helps:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.workandpartners.com%2FWAP%2F

Similar Messages

Animated gif is not moving in the FireFox 3.6.3 ?

why animated gif is not moving in FireFox 3.6.3 ?
== This happened ==
Every time Firefox opened

Same problem in save mode. An animated gif will not start. No offending plugins or themes are installed.
But if I right-click on the animation and then on "Grafik-Info anzeigen" (maybe "show grafic info") then as soon as the info window starts the animation, it is also started in the browser!
And this error does not happen on all machines. My Win7 64bit does it right. My XP 32bit (freshly updated) freezes the animation. Weird world.

In my 3G iphone why animated picture will not play any free application that support animated?

In my 3G iphone why animated picture will not play any free application that support animated?

If the animation is based on Flash. it will not work. iPhones have never had Flash capability, as Adobe has never provided it. Search the forums for "Flash" to see at least 5000 explanations.

Animated gif will not stop when placed in director

I have an animated gif I am trying to place into a director
file.
When its placed and I press play it will play the animated
gif over
and over. I also took the gif and saved it as a swf file
placed it in
director it does the same thing. Please tell me what I am
missing.
Also I will show the dir file if you need to see it.

Oops - wrong button - didn't mean to send that yet...
anyway...
You don't have much control over Animated Gif members in
Director. You
can use
sprite(animGifSprite).pause()
to stop the animation and
sprite(animGifSprite).resume()
to restart it. The tricky bit is knowing when to do those
things.
There is no way I know of to find out if the sprite is at the
end of
it's image sequence.
Perhaps a better way of going about it would be to take the
animation
apart into individual frames and load them into a swf member
(in Flash)
or a Film Loop in Director. You may have more control over
the
animation that way.
The fact that it keeps repeating over and over again is sort
of the
point of an animated gif... though I believe that you can
make an
animated gif that specifically does not loop back to the
start using
ImageReady or the newer version of Photoshop. Though I have
not tried
this...

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 ..

Help with animated gif background once opened in Photoshop c33 extended

I often work with animated Gif's and a
adding doggies etc to the top layer.
I am having a problem with animated Gif with (existing transparent) background when saving from the web and opening in Photoshop cs3 extended it is changing the background to White automatically ? ( which is not what I want) I would like to know how to keep in the same format with the tranparent or even change to black as that is the background on my website.....do not know why it is converting it to white in photoshop or how to change....Thank you advance!

Thank you so much....after many hours playing with ....went right too and worked perfect!! Thank you !!

Animated gif background - Won't animate!

I have a website which my partner and I have created. I'm really happy with what we have achieved EXCEPT I am trying to add an animated star gif background which is stationary even when I've published it. I've searched so many places for the solution that I'm now thoroughly confused as to if this is possible.
The website is http://www.billieanthony.co.uk and I have added the animated gif to the welcome page only (black/blue stars) to see if it works (which to me doesn't). I added the gif via the page inspector layout section. The other pages only have a static background.
Any comment gratefully received even if it's only to say it can't be done.
Many thanks
Kevin

Step one to enable the community to help debug what you're encountering would be to provide the URL for the page where the GIF is being used. My first guess would be there are effects applied to the image (i.e. inner glow, bevel, etc.) that require Muse to re-encode the image and Muse does not support encoding animated .gif. It only supports passing animated .gif files through unchanged. (And to get an image to pass through unchanged it needs to have no effects that require rasterization applied in Muse.)
Given you've stated the GIF file is 7.5Mb I have to question your choice of .gif. At 7.5Mb this single file will take ~8 seconds to download on the average US broadband connection and will be much slower for many broadband users and most cellular users. GIF is a reasonable choice for very small short animations used sparingly, but is seldom (if ever) a good choice for larger or longer animations. Better choices for those are to use a video or a tool like Edge Animate to create a HTML5/CSS3 animation. The end result will be vastly more user friendly in terms of page load performance.
A huge percentage of first time visitors to a webpage will cancel the page load rather than waiting 8+ seconds for the page load to complete.

Flash CS4: My animated gif isn't playing right in flash

Thank you so much for your help.
I made an animated gif in Photoshop CS4 and opened it in Flash CS4, but for some reason the gif won't play without interruption. I opened and played it without a problem several times in Internet Explorer and Safari, but when I open it in Flash or Captivate it won't play so smoothely. It goes blank for a few seconds, then reappears, then goes blank and only shows parts of the graphic - as if it's reloading or something. The timeline in Flash shows black dots whenever it pauses. here is a screen shot:
See those black dots in the timeline? I will insert a picture of what happens on one of those black dots:
It's the same animation, but only shows a little of the graphic. Like I said, it plays fine when I open it with an internet browser, or photoshop, but not in Flash or Captivate.
Thanks so much for helping me with this!
Nat

When you exported from Photoshop did you use LZW compression on the GIF? If so can you try disabling LZW compression and reimporting to see if your issue goes away? What you depict there looks like updated frames only contain the part of the picture that's changing, which is compression. GIF isn't compressed by nature and each frame should be a whole picture, unless compressed. I'm not certain LZW would even perform spatinal compression but it's worth a shot to see if it does.
Aside that have you tried using Import to Library, then dragging the image from the library into the timeline?

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

Animated gif background

Is there a way to remove the background from an animated gif. I do not remember this problem in 06, but now when inserting a gif there is a white background. Has anyone found a workaround that. I looked in the forum but did not find an answer.
Thank you
Mireille

Fabe,
As I was uploading a gif to show you what I meant, I looked at it and lo and behold it is working correctly. I wonder if it is part of the fix in the new update of leopard.
Anyway thank you for your reply and making me look again.
Mireille

Resized animated gif ImageIcon not working properly with JButton etc.

The problem is that when I resize an ImageIcon representing an animated gif and place it on a Jbutton, JToggelButton or JLabel, in some cases the image does not show or does not animate. More precicely, depending on the specific image file, the image shows always, most of the time or sometimes. Images which are susceptible to not showing often do not animate when showing. Moving over or clicking with the mouse on the AbstractButton instance while the frame is supposed to updated causes the image to disappear (even when viewing the non-animating image that sometimes appears). No errors are thrown.
Here some example code: (compiled with Java 6.0 compliance)
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class Test
     public static void main(String[] args)
          new Test();
     static final int IMAGES        = 3;
     JButton[]           buttons       = new JButton[IMAGES];
     JButton             toggleButton = new JButton("Toggle scaling");
     boolean            doScale       = true;
     public Test()
          JFrame f = new JFrame();
          f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          JPanel p = new JPanel(new GridLayout(1, IMAGES));
          for (int i = 0; i < IMAGES; i++)
               p.add(this.buttons[i] = new JButton());
          f.add(p, BorderLayout.CENTER);
          f.add(this.toggleButton, BorderLayout.SOUTH);
          this.toggleButton.addActionListener(new ActionListener() {
               @Override
               public void actionPerformed(ActionEvent e)
                    Test.this.refresh();
          f.setSize(600, 300);
          f.setVisible(true);
          this.refresh();
     public void refresh()
          this.doScale = !this.doScale;
          for (int i = 0; i < IMAGES; i++)
               ImageIcon image = new ImageIcon(i + ".gif");
               if (this.doScale)
                    image = new ImageIcon(image.getImage().getScaledInstance(180, 180, Image.SCALE_AREA_AVERAGING));
               image.setImageObserver(this.buttons);
               this.buttons[i].setIcon(image);
               this.buttons[i].setSelectedIcon(image);
               this.buttons[i].setDisabledIcon(image);
               this.buttons[i].setDisabledSelectedIcon(image);
               this.buttons[i].setRolloverIcon(image);
               this.buttons[i].setRolloverSelectedIcon(image);
               this.buttons[i].setPressedIcon(image);
Download the gif images here:
http://djmadz.com/zombie/0.gif
http://djmadz.com/zombie/1.gif
http://djmadz.com/zombie/2.gif
When you press the "Toggle scaling"button it switches between unresized (properly working) and resized instances of three of my gif images. Notice that the left image almost never appears, the middle image always, and the right image most of the time. The right image seems to (almost) never animate. When you click on the left image (when visble) it disappears only when the backend is updating the animation (between those two frames with a long delay)
Why are the original ImageIcon and the resized ImageIcon behaving differently? Are they differently organized internally?
Is there any chance my way of resizing might be wrong?

It does work, however I refuse to use SCALE_REPLICATE for my application because resizing images is butt ugly, whether scaling up or down. Could there be a clue in the rescaling implementations, which I can override?
Maybe is there a way that I can check if an image is a multi-frame animation and set the scaling algorithm accordingly?
Message was edited by:
Zom-B

Animated Gif/movie not following build order

Animated Gif/movies do not build in proper order.
For example, I have an animated clock that is suppose to come in as Build No 29
and run. However, it loads as though it is Build item No 1.
It does run at the proper time in the build.
Must I hide it with color or other tricks. The problem is it shows immediately as the
slide builds and looks hideous.

Never-mind. I have it working properly now.

Animated GIF Doesn't Play To The End

I've created a simple animated GIF in Photoshop CS6, eight seconds long, 30fps.
I have several layers that fade out at and then more layers that fade IN at four seconds. It plays perfectly in Photoshop, but a rendered GIF doesn't play entirely to the end - it stops prematurely.
How do I fix this? I've tried the animated GIF in a browser and it does the same thing in a PPT slide.
Anyone?
Thanks.

Thank you, Nancy.
I just reduced my project file down to 15fps and three seconds long. Testing the animation in the Save for Web dialogue box I see that it still won't play to the end. The fade-in stops before it's at 100% opacity.
The rendered GIF file size would be 242k. I HAVE to use Save for Web, as Save As will discard hidden layers and animations.
Still can't figure out what causes this, and I've had this happen to me before. (I bet I wouldn't have this problem rendering out of After Effects.)

Animated GIF's not working 5310

I've tried to use some animated GIF's for screensavers, but I'm not getting the animation !!
They work OK in windows.
Can someone confirm what size and format they need to be for my 5310 XpressMusic
Thanks
Solved!
Go to Solution.

Restarted phone and their working now.
Thanks

Animated gif does not work in spry region

Trying to display an animated gif while xml file is loading.
The gif displays while loading but does not animate in the spry region.
<div spry:region="dslistings">
<div id="loadXML" spry:state= "loading"><img src="loadinganimated.gif"/></div>
<div spry:state="ready" </div>
Thank you in advance for any help.
Jeff

I believe you are correct, I tried to place the same animated gif outside of the spry region
and it also did not animate until the xml (approximately 500 records) loaded and completed displaying.
Once the xml loaded, the gif outside of the spry region started to animate.
So how then could you display some sort of animated loading indication?
Thank you
jeff

CSS placed animated GIF background not playing in IE6

Similar Messages

Maybe you are looking for