Animated .gif as background of spryTabbedPanels tab selected

So I am creating a website and want to use an animated .gif as the background of the tabs (make it look like the one you have selected is "smoking") however, whenever I try to use an animated .gif as the background-image of the .TabbedPanelsTabSelected, it doesn't show up at all, let alone animate. Is there some part of the Javascript that is interfering with this working? or is just not something I can do? I would be happy to provide code if its needed.

Hi Steven;
FWIW: PB does not support animated pictures in its tag page feature (or menus either BTW).
However, if you make your own tab page using a Custom Visual User Object you could have animated pictures.
Regards ... Chris

Similar Messages

How do I set up firefox to open an animated gif in outlook 2010 - it just "new tabs"s out

After changing the .mht and .mhtml associations to firefox (from IE), when I click on an animated gif in a mail message and select "open in browser", firefox opens, then just "tabs" away (like it's opening each frame separately). How can I get firefox to display the animation like IE used to?

guigs2,
Thanks - using "unmht" did the trick. I searched addons for "mht" and came up blank. I knew there HAD to be something out there - thanks again for the pointer.
Rabitt

Why animated gif not working in webpage designed in fireworks?

Hi,
I have 2 questions. Pl. consider me a novice in this field, started just 2 days ago.
1. I have designed a website page in fireworks cs5, I have added an animated gif in the page and when I preview in browser or export the webpage.png the animated gif's background color is only shown and no animation takes place. Where as when I run the gif file only in web browser it shows animation. Why the animation doesn't show in the website. However, when i change the selection to "animated gif websnap128" at the bottom of the screen, then every element of the whole webpage alongwith the animated gif start doing animation, that is everyelement changes (animate) from state 1 to state 2 contineously.
other question is in new thread.
thanks for your help.

The animation needs to be in a seperate slice.

[PLEASE HELP!] Converting Flash (fla) to Animated Gif (gif) becomes pixelated!!!!

Hey guys,
Wondering if anyone can urgently help me please.
I've got a FLA file making an animated banner.
When I export it as an animated GIF, the background (which
originally is a solid color) has either dots or crosses making up
the color.
I've tried different settings such as dithering, changing the
palette but have had no luck. And I'm using one of the 256 colors.
Using a FLA that did have a good solid bg converted animated
GIF, I tried to export that one as well and it comes up with the
same problem.
So that means it's not the color/fla that is wrong, but is my
exporting to animated gif method. Any help please?
Attached is how the background turns out:
http://img403.imageshack.us/my.php?image=86993715ss7.gif
http://img140.imageshack.us/my.php?image=bg2wf9.png

And also when I try the publish method, the text either
produces some whacked up image or just see a sort of white box
shape around the original text.

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.

Problem with importing animated gifs

Hi i'm trying to use an animated gif in my project. Basically my after effects project is just a countdown from 10 to 0 while the animated gif spins continuously during the countdown. My problem is when I use the animated gif the background it is no longer transparent and the background is instead white. How do I make it transparent again in after effects? Next the animated gif is about a 2 second loop, it won't let me drag the bars to extend the time to 10 seconds. How do I loop it for 10 seconds?
These aren't musts, but if anyone could, help would be greatly appreciated:
1) For the text effect 'numbers' (which I used for the countdown effect) it always renders really shaky and bouncy when i preview it. Is that normal?
2) It has the time as 00:00:00:00 (type: timecode 30). How do I make so it only shows 00:00 ?
Any help would be awesome.
Thank you

My problem is when I use the animated gif the background it is no longer transparent and the background is instead white.
Correct. As a conmpositing program, AE requires proper Alpah transparency, not palette-based transparency. File must be converted to an image sequence with Alpha channel.
Next the animated gif is about a 2 second loop, it won't let me drag the bars to extend the time to 10 seconds. How do I loop it for 10 seconds?
Footage interpretation --> Loops
1) For the text effect 'numbers' (which I used for the countdown effect) it always renders really shaky and bouncy when i preview it. Is that normal?
Yes, it's normal if you are using a non-monospaced font. Use a suitable font.
2) It has the time as 00:00:00:00 (type: timecode 30). How do I make so it only shows 00:00 ?
Use multiple layers and effects and mask them out.
Mylenium

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

How do you make an animated gif activate when a corresponding button is selected?

I am working on a DVD menu using Photoshop and Encore. I currently have a map as a background and a gif animation of a radar ping. The radar ping has transparent parts so that it shows up in front of the map it will be placed on. I want the radar ping gif to animate when it is selected, but I cannot make it animate. When I tried to place the animated gif into the DVD, it became a static image with 50 layers, instead of an animation with 50 frames. When I replaced the gif with a static image, it still caused problems because when I made it into one of the button's highlights, the button overlapped the other buttons, causing those to highlight as well.
Summary: Ideally, I want to add various gifs that will activate when the corresponding menu/chapter buttons are selected.
Failing that, I would be happy just to know how to add an animated gif to my DVD menu background.

You have two problems. The first is that an animated gif has no special status in DVD authoring. It is an anmiation. How do you get animations into a DVD project? You import them as movies - either as assets that get puit on timelines, or assets that become part of a motion background.
Yes, Encore has a special feature of making animated thumbnails, but this is just a fancy way of putting thumbnail-sized bits of video into a video background of a menu.
I think you resolve the animated gif issue if you convert it to a video format Encore understands.
http://helpx.adobe.com/encore/using/importing-assets.html#supported_file_formats_for_impor t
The second issue is that you want a button highlight to be an animation. Also not part of the DVD spec or what Encore will do. You can fake this, by having a button autoactivate and to go to a different menu that has the animation for that button as part of the background. You create as many menus as you have buttons with that characteristic.
Note that a mouseover won't autoactivate, so this doesn't work on a computer the way solme users would like.
Scripting is a way some authoring applications can handle such things, but Encore does not provide scripting.

How do I import animated gifs into Premiere with a transparent background?

I have an animated gif that I got from the internet, and I'm trying to import it into Premiere Pro with a transparent background. The gif is of a video game character standing still and blinking. Whenever I import it, it always has a white background, so I need help on how to change that.
I've gone into Photoshop and removed the white background frame by frame, making it transparent. I do this by using the magic wand tool to select the white background, then hit "delete" to turn it into that diamond grid, which means it's transparent. I then select File -> Save for Web. I preview every frame, and it shows that the backgrounds are transparent. I save it as a gif. But when I import it into Premiere Pro, the white background is still there.
I've read many forums online about people trying to import images into Premiere Pro with a transparent background, but none of them have explained how to do it specifically for animated gifs. Every answer has always been "export the image as a png, that'll work", and sure enough, I exported a few frames of the gif as pngs, and those few frames had transparent backgrounds in Premiere Pro. But I don't want a png because those aren't animated sequences, those can only be still images. I need to export it as a gif so that it will remain animated, but gif files always have that dreaded white background in Premiere Pro.
I suppose I could export every frame as a png, import each of those frames into Premiere Pro, then string all the frames together and tweak them so they'll be functionally identical to the animated gif, but that would take forever. I'm making a video project and I need numerous animated gifs to work with, so I don't want to do that with every single one of them. I'm looking for a way to simply import the gifs into Premiere Pro and be done with it. If there is any way to do this, please help me.
-Robert

faind on gif transparency and other cartoon animation problems : Adobe After Effects
" The reason: GIFs don't support alpha channels. Instead, their file structure assigns a certain color value to be read as totally transparent. There aren't any degrees of transparency as you find in graphics formats that do support alpha channels.
To use an animated gif in AE, you'd first have to create the areas of transparency, then convert the series of images into a graphics format that supports alpha channels, and there are a bunch: PICT, TIFF, TARGA or PNG, to name a few."

Animated gif with transparent background

When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
Do I do something wrong in Keynote ?

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

How to export animated gif with transparent background and glow effect?

I've been having issues lately with creating animated gifs in flash. I finally figured out a way to export a gif with a transparent background but I'm now having an issue with it again because I'm using a glow effect. When the gif is exported the glow effect changes into a very poor quality and becomes less of a glow and more like a solid color. I've even exported a png sequence from flash and put it into photoshop then created a gif from there but I'm still having the same issue. Is there anyway I can properly export this in gif form so the quality is the same as when I test it in flash?
I've provided an image of what my issue looks like and the settings (I've messed around with the settings and this is the best I can come up with) . This is in photoshop but the result is similar in flash. The left one is what it originally looks like and the right is what it will look like after exporting. As you can see as I said before the glow changes into more of a solid color kind of like a border. Any help would be greatly appreciated, thanks in advance!

A GIF is limited to 256 colors while a glow effect likely wants to tie up thousands (let's just say 'lots') of variations of tone.

Animated gif layered above background image

I have a static background image which is displayed in a JPanel. I need to display animated gifs at certain positions on the base image. For every new frame of the animation, the paint method is called whcih attempts to load the entire base image + all the new animated images which is extremely slow!. It also means the animated gif keeps on getting loaded, and seldom gets beyond the first frame.
Im sure many people have had to do something like this. Is the solution to draw the gifs on the glasspane (or use layered panes), and to have a seperate paint method? or is their a simple approach like setting a special clip area.

thanks for the help...
The size of the background image is approx 400*400 pixels (gif or jpg), and the icons are 25*25, and have between 1 and 6 frames.
Here comes the code... I havent finished with the mediatracker stuff, but youll get the idea Im sure.
public void paint(Graphics g) {
    MediaTracker tracker = new MediaTracker(this);
    tracker.addImage(image,0);
    try {tracker.waitForID(0);}
    catch (InterruptedException e){}
    g.drawImage(image, 0, 0, this); //draw background image (approx 400*400 pixels)
    int ICON_ID = -1;
    Image img;
    //draw all the icons...
    //all icons have between 1 and 6 frames. 25*25 pixels.
    for (int i = 0; i < icon_IDs.size(); i++) {
      try {
        ICON_ID = new Integer(icon_IDs.elementAt(i).toString()).intValue();
        Point p = dm.getIconPosition(ICON_ID);
        if (isAlarm(ICON_ID)) {        //ITS AN ALARM - use animated gif
          img = getAlarmImage(ICON_ID);
        else                          //NORMAL ICON - no animation
          img = DataDefinition.getImageIcon(dm.getIconType(ICON_ID)).getImage();
        tracker.addImage(img,0);
        try {tracker.waitForID(0);}
        catch (InterruptedException e){}
        int width = DataDefinition.getSize(dm.getIconType(ICON_ID)).width;
        int height = DataDefinition.getSize(dm.getIconType(ICON_ID)).height;
        g.setClip(p.x, p.y, p.x+width, p.y+height);
        g.drawImage(img, p.x, p.y, p.x+width, p.y+height, 0,0,img.getWidth(this),img.getHeight(this),this);
      catch (SQLException sqle) {
        System.out.println("Could not find position of icon : " + ICON_ID);
}

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.

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 selection does not appear in output menu of Premiere Pro CC?

I watched an online tutorial of how to make gif files using Premiere Pro CC. When selecting the output, an animated gif choice appeared in the output drop down menu of the Premiere Pro CC used in the tutorial. However, the output drop down menu of my Premiere Pro CC doesn't contain an animated gif selection. How do I get an animated gif selection to appear in the output drop down menu of my Premiere Pro CC? I'd like to create gifs with my Premiere Pro CC.

Steven,
In fact, here's a screen shot of the format selections that appear in my Premiere Pro CC. Ya see... No Animated GIF selection appears.

Animated .gif as background of spryTabbedPanels tab selected

Similar Messages

Maybe you are looking for