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

Similar Messages

Publishing to an animated gif does not seem to work properly

I want to export a portion of my .fla movie clip into an animated .gif (the logo part). So I changed the publish settings to output to .gif. and made sure the 'animated' box was checked. When I publish, it does output to a .gif file, but it is not animated at all and the colors are not correct which makes the text unreadable. It almost seems like it's outputted a single frame of the movie. It definitely does not look like a proper output. When I change the output back to .swf and publish, it turns out just fine and it's animated with all the desired effects. Does anyone have any idea why this is?
I would hate to have to find a program to convert my .swf to .gif. If I have to do that, does anyone recommend a good program for it?

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

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'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 do not work properly on N85

I bought recently an N85 and downloaded some animated gif pictures and they do not run fluently as they should. The SAME gifs work great on both the E51 and 5700. What is the problem with the new photo viewer in N85?
Another issue I have with the photo viewer is that I transfered 50 photos to the memory (Sandisk micro SDHC Ultra 8gb class 6) and when I browse the photos its very slow and some pictures are pixely for a long time when viewing them.

So, it is a general problem in iOS 8.x.x
Awesome....
So I got a ridiculous slow ipad 3 with lots of glitches and not working multigestures.
Is this the the uncomparable user experience which Tim Cook is talking about?

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

Floatbox not working on Spry region

I used a floatbox as a popup but it is not behaving as
floatbox when it is inside spry region. The <a href> on top
works but the <a href> inside spry:detailregion isn't.
Any help is much appreciated. I apologise if I post it in the
wrong category.

I used a floatbox as a popup but it is not behaving as
floatbox when it is inside spry region. The <a href> on top
works but the <a href> inside spry:detailregion isn't.
Any help is much appreciated. I apologise if I post it in the
wrong category.

Animated gif images not working, n73 problem pleas...

my phone is n73music. when i try to use animated or gif images as wallpapers, the images are not moving as they should do in standby mode on the display. what could be the problem, please advice. thankyou.

Sorry, N73/ME is a s60 phone and s60 doesnt support moving animated GIG, PNG file format as wallpaper

Spry tool tip does not work in template or child pages within an editable region. Why not?

Ok. so I am getting pretty frustrated. I take the time to learn how to use CSS and to create a template page for a Contractor Site (www.ContractorInsurance.net). The idea is to create a page that I can use for different classes of Contractors...right?
Then I get all happy about being able to insert ToolTip onto pages to help the user. Great!
LIfe to turn to Sorrow after nearly five hours of searching for a "eeking" answer.
So what good does it do to have an Editable region to update if we cannot have the flexibility to insert a tool tip on child pages? Ok so the fast solution is to what... Have a question mark image, insert another apDiv, name it toolTip_Not and provide it with a show=hide behavior?
RRRRRrrr...
This really sucks not being able to find a solution within a reasonable amount of time.

I have tried thank you. However...it is still not working.
www.ContractorInsurance.net/course_of_construction.php
The error message is "Making this change would require code that is locked by a template translator"
Re: Spry tool tip does not work in template or child pages within an editable region. Why not?
created by altruistic gramps in Spry Framework for Ajax - View the full discussion
If you have a look at the following simple document with a tooltipTooltip trigger goes here.
Tooltip content goes here.
you will notice that a couple of lines have been placed in the HEAD section of the document. When using DW templates, the HEAD section is usually not editable, hence the error mesaage. By default, your template should have an editable region in it just before the closing tag. It looks like this:  Dreamweaver should be able to find that editable region and insert the
<script> tag there automatically. Because you don't have an editable region like that in the <head>, open the master template, and paste the code above just before the closing </head>
tag. Gramps
Edited to remove personal data

BLOB download from report region in translated application does not work

We created an application (APEX 3.1.2) with a base language dutch (300) and a translated application en-uk (3001). The problem is that in the translated application downloading BLOB's from a report region does not work and results in an error (page cannot be found).
The query source for the region is:
select naam
, dbms_lob.getlength(bestand)
, mimetype
from bos_documentatie
The column 'dbms_lob.getlength(filename)' is defined as a 'BLOB Download Format Mask' with the following setting:
DOWNLOAD:BOS_DOCUMENTATIE:BESTAND:NAAM::MIMETYPE:FILENAME:::attachment:Open
The URL's to the BLOB documents are different between the dutch and en-uk application:
dutch:
http://nldvnr01ux002:7792/pls/xvapexd/apex_util.get_blob?s=4260101889649158&a=300&c=12455124581749125&p=1001&k1=Application Multi Language.doc&k2=&ck=A24A5EA6903C5A9603B86D30F128F4DE&rt=CR
en-uk:
http://nldvnr01ux002:7792/pls/xvapexd/apex_util.get_blob?s=4260101889649158&a=300&c=12455124581749125.3001&p=1001&k1=Application Multi Language.doc&k2=&ck=7FF0C64FDD48A4D7A6892CFB2B6BCA57&rt=CR
As you can see the c parameter for the en-uk version has a '.3001' at the end, the internal ID of the translated application. I don't know if this can be the cause of the problem?

Hi Peter,
Thanks for the suggestion. However we have a lot of APEX applications build in that same APEX version (one development database) and upgrading now to a higher APEX version would mean we would have to re-test all our applications and upgrade all our test and production environments, just for this bug. And, maybe the higher APEX version may not solve our problem.
Thanks and regards,
Patrick

Spry Navigation does not work in IE version 6

I have a simple spry navigation bar at the top of website that works in all the browsers I tested it in, ie IE ver 7 and 8, Mozilla Firefox (all versions), Netscape (all versions), and Safari. The only one I can't it to work in is IE version 6. Does anyone know how to fix this?
I am attaching a copy of both browsers, one that does not work and one that does.
Thanks for your help.
Pat

I have the same problem. Looks great in FF, Safari, Opera,
but in IE the dropdowns are dancing all over the place. Suspect
it's something in the hover classification, but can't figure out
where the problem is:
http://www.kirkaubry.com

Spry Image Slideshow does not work in Explorer

My spry image slideshow works fine in Safari and Firefox, but does not work in Explorer.
A small box shows up in IE 8, and absolutely nothing shows up in IE 7.
www.epaaudio.com
Any Suggestions?

How did you get your slideshow to play in Internet Explorer? I'm using the same slideshow on my new website and it plays fine in everything but IE versions. Here's a test page I'm working on... http://4034.sandbox.i3dthemes.net/oceankayakbanzai.html
I looked at the code for your page and didn't notice anything different on mine. But yours works... Let me know if you have any suggestions. Thanks!

Spry Tabbed Panels does not work as I want

Sorry, but this is an utter NOOB question.
I tried to use a Gooey ment on my page, but it does not work as intended.
Here it works OK: http://ppbm5.com/DB-PPBM5-2.php
Here it does not work: http://ppbm6.com/Planning.html
I assume it is related to the menu already on this page. Anyway, since this did not work, I tried to replace the Gooey menu with Spry Tabbed panels, but being an utter noob in this area, I have made some mistakes that the experts here can probably help solve easily. What happens:
It looks OK in DW:
Go to Live View and it still looks OK:
but then go to the actual page and it looks like this:
Why do the tabbed panels not display at the top of the page next to the vertical menu, like it does in DW?
Second question: How can I add text to each page/ tabbed panel, like here http://ppbm6.com/Planning.html

Spry Tabbed Panels 2.0 have a number of support files to make them run.

<script type='text/javascript' src='../Spry-UI-1.7/includes/SpryTabbedPanels2.js'></script>
<script type='text/javascript' src='../Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryFadingPanelsPlugin.js'></script>
<script type='text/javascript' src='../Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryTabbedPanelsKeyNavigationPlugin.js'></script>
<link type='text/css' href='../Spry-UI-1.7/css/TabbedPanels2/SpryTabbedPanels2.css' rel='stylesheet'/>
Below, I have a Spry demo page with 3 widgets on it. If you look at the source code, you'll see how the the various support files are organized.
Function code is near the bottom of the page.
http://alt-web.com/DEMOS/Spry-test.html
Second question: How can I add text to each page/ tabbed panel, like here http://ppbm6.com/Planning.html
Turn off CSS. View > Style Rendering > un-tick Display Styles. You'll see an unstyled HTML page in Design View. But this won't effect styles in Live View or Preview.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

InDesign DPS: Simple animation does not work in folio?

I'm building a simple recipe app using InDesign CS6, using the Digital Publishing tools.
On one page I applied an animation, "fly in from bottom" to an object.
When I eventually build the folio and view it on my ipad with the Adobe Content Viewer, the animation does not work on that page.
I've watched a couple tutorials on how to use the animation tools, how to set the path, etc. but none of them mention any other steps for getting the animation to work once you build the folio.
Am I missing something?
Thanks!
Bruce

Okay, I'm gonna try helping out on this.... I don't think layers have any effect on this, or at least I haven't noticed they do, the just help keep you organized and maybe for arrangment...
So....
You can just lock the background, it isn't involved, it is just the background.
1. Make your button to open/start the sequence and make your finished state and an empty box. In this case the button the button is just a text frame. The finished state is a shape, text frame and two lines grouped (to make an "x" for the close button). In your case it will be your image sequence and the button to close it. Have all the elements of the finished state grouped.
2. Select both groups. In the object states panel, hit the new button. you should now have a multistate object with two states. One empty state and one state with your sequence, etc..
3. Now select your open button. In the button panel, choose the add action button "+" and choose Got to State (or go to next state) and make sure the object is the multistate object you just created. For the state, choose the state with your sequence.
4. Now select your multistate object. In the object states panel choose the state with your image sequence and close button. Select your close button. Go to the buttons panel and add an action to go back to the empty state.
Test it out, it should work fine now. I don't have an image sequence handy, but you may have to mess with the autoplay settings, etc. but it should work just fine.
Notes of interest: As buttons display only as raster on an iPad, I find it best to make a clear button on top of the button graphic. That way the button can be vector. and the clear box becomes raster.
I really, really reccomend watching some of the videos on Adobe TV, they explain and review a bunch of this. Also, there is an app called DPS Tips App by Bob Bringhurst for free on the Apple Store, he explains all the goodies quite well. You can also use Wallaby to convert indesign animation to flash and then HTML5, but that gets more complicated and it can also have a load delay. Good Luck!

Css3 animation does not work when triggerd by backing bean method

Hi,
I use Jdev 11.1.1.4 (but I guess the Jdev/ADF version does not matter in this case) and Firefox 15.0.1.
I tested some parts of article https://blogs.oracle.com/groundside/entry/css_animations_the_panel_flip from Duncan Mills.
The CSS3 animation for styleClass "rotateOut" works fine when I trigger it from mouse hover.
The problem is that the animation does not work when I set the styleclass in a backing bean.
In this case the UI component to rotate (in my case the calender component) changes immediatelly to the transition target without the transition-duration of 2 seconds and therefor there is no animation effect visible for the user.
Here the backing bean code:
    public void doRotate() {
       afCalender.setStyleClass("rotateOut");
       AdfFacesContext.getCurrentInstance().addPartialTarget(getAfCalender());
    }Here the skin:
.rotateOut {
    -moz-transition-property: -moz-transform;
    -moz-transition-delay: 2s;
    -moz-transform: rotateY(45deg);
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 2s;
.rotateReturn {
    -moz-transition-property: -moz-transform;
    -moz-transform: rotateY(0deg);
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 2s;
}In Duncan's article java script is used to change the style class.
Does the CSS3 animation only work when java script is used to change the style class or shoud java in a backing bean also work?
Any hints?
regards
Peter

I have tested several other settings but no success.
Any ideas?
regards
Peter

Animated gif does not work in spry region

Similar Messages

Maybe you are looking for