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.

Similar Messages

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

Gif file won't animate in Muse's preview mode or in Muse's view in browser mode

Created a gif file with Photoshop that's 7.5MB in size. Placed the gif file on a Muse page. But, the gif won't animate in Muse's preview mode or when Muse sends the page to be viewed in browser mode. I'm using a Mac running OS X 10.9.2 and I'm a creative cloud member using Muse. Any solutions?

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.

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

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

Animated .gif file doesn't animate in digital publishing

Does anyone know why the animated gifs I made in Fireworks don't play when I preview my documents on the Adobe content viewer?

Making the animation work in InDesign CS6 with DPS :
Here's an article " http://www.adobe.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-folios-with -edge-animations.html " that might help.
Laxman

Very Simple Question About Animated GIF Background

Hi,
Till now I didn't realise that I don't have to copy the whole
picture into every frame, I can simply keep the "static" part as a
background, and animate only the changing object (for example, some
letters). This way the final file will be much smaller in size.
I right-click on the selection and choose Animate Selection,
but then I don't know how to arrange the animated selection and the
background static picture to achieve the desireble result.
Please advise.
Andy

Anna2257 wrote:
> Hi,
> Till now I didn't realise that I don't have to copy the
whole picture into
> every frame, I can simply keep the "static" part as a
background, and animate
> only the changing object (for example, some letters).
This way the final file
> will be much smaller in size.
> I right-click on the selection and choose Animate
Selection, but then I don't
> know how to arrange the animated selection and the
background static picture to
> achieve the desireble result.
> Please advise.
> Andy
>
Seeing your PNG file would take a lot of the guesswork out of
this, but
basically:
Put the static elements on one layer and choose to share that
layer to
frames.
Either add your animation elements to separate frames or read
up on
using animation symbols.
You can check out this list of tutorials as well, and/or post
a link to
your PNG file so we can be more detailed in our advice.
http://tinyurl.com/2ljze9
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

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

Animated GIF problems

I've recently implemented an extension of IconView to animate gifs correctly in editor panes. I am just haveing two problems with it that I can't figure out.
Firstly, when an animated gif is added it animates fine. The next time the same gif is added, it doesn't animate, just shows the last image of the animation. I assume that something is trying to be clever by caching the image somewhere, is there any way around this?
Secondly some of the gifs do not animate very well. I believe that they may be using transparency to leave the contents of previous frames behind, but I guess that java does not support this. Any thoughts on how I could solve this?
Here is the simple code for my view:
class AnimatedIconView extends IconView implements ImageObserver
     private Container container = null;
     private Rectangle bounds = null;
     public AnimatedIconView(Element e)
          super(e);
          Icon icon = StyleConstants.getIcon(getAttributes());
          if (icon instanceof ImageIcon)
               ((ImageIcon)icon).setImageObserver(this);
     public void setParent(View parent)
          super.setParent(parent);
          container=getContainer();
     public void paint(Graphics g, Shape s)
          super.paint(g,s);
          bounds=s.getBounds();
     public boolean imageUpdate(Image img,int infoflags,int x,int y,int width,int height)
          if (((infoflags & ImageObserver.FRAMEBITS)>0)&&(container!=null)&&(bounds!=null))
               container.repaint((int)bounds.getX(),(int)bounds.getY(),(int)bounds.getWidth(),(int)bounds.getHeight());
          return true;
}Dave

I just can point you the bug which is probably related to your problem:
http://developer.java.sun.com/developer/bugParade/bugs/4725530.html

Fireworks CS4 animated gif - ghosting - Help Please!

I have creadted a skyscrapper ad using Frieworks with a gradient on the background. When it is played on a PC (I use a Mac), there is ghosting of the text. Does anyone know how to get rid of this? It looks fine on my Mac. When I save as an animated gif, I select dither to make the gradient look smoother. Help! Please!

Hi,
Animated gif backgrounds with gradient would definitely look ghosted or distorted because of the way GIF images are generated. Take a look at the solution suggested in this tutorial http://www.smartwebby.com/free_tutorials/website-design-how-to/GIFs-optimization.asp - I think using the Exact setting might make your Animated GIF with gradients smoother.
- Anita

Animated GIF works in-network, doesn't out ????

Greetings,
I have a RoboHelp (FlashHelp) piece at
http://iqweb.mcny.edu/iqweb/Student_IQWeb/userGuide/student_IQWeb.htm,
which has a few animated GIFs, you can find one at the end of the
page in the Do It Online book, View Application Status topic. There
are two animated airplane smilies marking the end of the page and
the end of the documentation. This work is hosted by a server
maintained in-house at the college for which the piece was
developed.
I have the same work hosted outside for my own portfolio, at
http://mywebniche.com/ID/MCNY/RoboHelp/Student_IQWeb/userGuide/student_iqweb.htm
and the animated GIFs do not animate.
Also, when I view the piece at the -in-house location
http://iqweb.mcny.edu/iqweb/Student_IQWeb/userGuide/student_IQWeb.htm
from outside the college, ie, outside the LAN, the very same
animated GIFs also fail to animate.
Does anyone have any idea what is going on? It is not a
browser setting, I've checked all those, they're the same inside
and out. It can't be the server per se since the in-house server's
animated GIFs work fine when viewing from in-house, but not from
the "outside." Conversely, the animated GIFs in the RoboHelp on the
outside server animate just fine when viewed from within the
college LAN, but also fail when viewed from the outside.
Why would a GIF animate inside a LAN but not outside?
regards,
stevenjs

Hi stevenjs
Sorry to have to be the bearer of bad news. I just tried both
links and in both cases, the gifs were animating just dandy. The
only thing that comes to mind is that I noticed your site stresses
IE as the suggested browser and I'm using Firefox. But I'm thinking
even that shouldn't really have a bearing on a simple animated
.GIF.
Cheers... Rick

Flash CC Publish Animated Gif ignores looping sequences?

I'm just learning Flash so apologies in advance.
I can't seem to get an animated gif that won't loop--I only want it to play once.
Here is what I'm doing, using Flash CC Pro (latest):
Create an .fla file, all set to go, looks good
Go to Publish Settings, target is set to Flash Player 11.8, unchecked everything but GIF Image
Inside there, playback is set to "animated"
Repeat times, set to 1
Smooth is checked.
Have tried adding an action script to one layer after researching that trick, doesn't seem to work. Animation does have symbols as movie clips inside it.
Any help is appreciated for this newbie, thanks!

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.

Set an animated gif image as wallpaper?

When I looked at this picture, I wanted to make it my wallpaper.
I call this kind of thing "ants' fights" because I don't know the word for it. (please tell me)
'$ feh --bg-center xx.gif' does not set it as animated. Actually feh doesn't show you the animation even when you use it to view the image.
It must be a simple question I believe. Anyone knows how?

sergey6661313 wrote:
na12 wrote: gifview --animate --new-window root animated.gif
next level :
$ gifview --animate --new-window root animated.gif
X Error of failed request: BadWindow (invalid Window parameter)
Major opcode of failed request: 3 (X_GetWindowAttributes)
Resource id in failed request: 0xffffffff
Serial number of failed request: 7
Current serial number in output stream: 8
output unchanged, as before, but something is wrong ...
I have the same error on my Arch 64bit,
Here is new PKGBUILD with the patch.
https://github.com/StanleyPham/gifsicle-patch
Last edited by Stanley_00 (2013-11-16 14:05:00)

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

Animated GIF won't animate or not even show at all

I have been using animated GIF with no problem so far but now with iWeb 08 sometimes it works with certain GIFs documents or sometimes won't with other GIFs documents. Why ? And what can I do about this ? What is the solution ?
Message was edited by: Ti-Jean

Well Bababooey if you're comparing yourself to a Apple Genius Bar then you should already know my answer, your snarky remark get a snarky reply. Why would I go to a salesperson to fix my computer problem when I can go directly go to the source itself. I used to sell Apple computers over 8 years ago and was apple certified before the Genius bar existed. If I am to go about fixing an issue I can't fix on my own I will go to the source itself meaning Apple's programmers and developers - being UI UX Developer myself I know they should have QA'd all platforms and troubleshooted any arising issues.
This was also the first time in the 20 years I've been using a Mac that I even attempted to go on this forum which i thought would put me in connection with a certified Apple representative. This turned out to be a complete waste of time just being a public forum with no Apple employee involved. I was hoping to find a quick fix but in turn I was only frustrated with stupid responses such as yours that were in no way an answer to my original question.
BTW I fixed the issue on my own and without your help or Apples help. I'm glad if all forums point here regarding this issue because I now have the answer. The answer I was looking for from someone earlier was as simple as this {Download Maverick and reinstall the platform - it will take an hour to do but afterward 10.9.2 was installed and my computer is now able to shutdown and restart without having to do a hard boot.} No more software update bar at top and no problems with my drive which I told both you and Grant - I know my computer better than you and I've probably been using them longer than you.
So again Babowa you were so wrong...... and I am right.
Again anyone having the same problem, I suggest reinstalling Maverick and you'll be suprised 10.9.2 will work fine.

Animated gif background - Won't animate!

Similar Messages

Maybe you are looking for