.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Post New Web Links

Animated Gif that does not animate.

Posted By:      Posted Date: September 10, 2010    Points: 0   Category :ASP.Net
I have two animated gifs that display nicely. I put them in a div with style="display:none". When the user submits the form will display the div with animated gifs. I use Jquery to display my dialog. The animated gifs and text will display fine, but my animated gifs does not animated when I do a form submit. What I am doing wrong? 

View Complete Post

More Related Resource Links

animate effect work but the render items are messed up.


Hi all,

     I have a very unique problem, humm i think. I am using a jquery effect that animate bounce effect, i have a line in my javascript pageLoad function $("#UserBrowserInfoDIV").show('bounce'); - the effects run smoothly but what it does is mess up the bolded text in the div. I have try the items inside the div without bolding and it works fine and no render problem but when bolded the text that are bolded is quite messed up, and barely readable.

Please let me know is there anything else i can do i really would like use this effect.

P.S all the effect have the same render problem, and i am using ie8 under compatibility mode.





How to make expanding/collapsing CollapsiblePanelExtender from code behind smooth and animated


I've got a CollapsiblePanelExtender in place on a panel in test and it works like a champ. (I get excited about the simplest things).  When I click the panel header it expands and collapses with smooth animation, as expected and desired.

But when I change its state via code behind, it seems I am merely changing its state and somehow bypassing the javascript that controls the smooth animation.

My markup is out of the box. I have added code behind and some javascript, but I am missing the connection.  Here is the javascript:

function pageLoad(sender, args)

function smoothAnimation()
    var collPanel = $find("CollapsiblePanelExtender1");
    collPanel._animation._fps = 45;
    collPanel._animation._duration = 0.50;


And here is the code behind:

protected void btnExpand_Click(object sender, EventArgs e)
    this.CollapsiblePanelExtender1.Collapsed = false;
    this.CollapsiblePanelExtender1.ClientState = "false";

protected void btnCollapse_Click(object sender, EventArgs e)
    this.CollapsiblePanelExtender1.Collapsed = true;

ModalPopupExtender animated gif not animating


Hi, I'm trying to use the modalPopup extender to show a "processing" message with an animated gif.  Everything works pretty well except that any animated gif I place in the modalextender doesn't animate.  Anyone know of this problem and a solution?


html for the popup div:

<div align="center" style="margin-top: 13px; vertical-align: middle; display: none"

class="modalPopup" id="modalPanel" runat="server">

<table border="0"

Animate function


when i use this script command my animate works:

<script src="../jQuery/jquery-1.4.2_ms.min.js" type="text/javascript"></script>

 but, when I use this script instead to lighten the page it doesn't work.

    <script src="../jquery-1.4.2.min.js" type="text/javascript" />
    <script src="../jQuery/jquery.effects.core.min.js" type="text/javascript" />
    <script src="../jQuery/jquery.effects.slide.min.js" type="text/javascript" />


I would like to just specify a few scripts since my load time for the page is huge with the entire jquery library




Trying to make a workaround for animated GIF in WPF

Hello. I'm trying to make a workaround for displaying, with (semi-)correct delays, an animate gif with partial frames into an Image control from a ReadOnlyCollection<BitmapFrame> (from BitmapDecoder) What I've done so far was load the same file as a System.Drawing.Image, get the delays using GetPropertyItem(0x5100), and trying to recompose the frames. The whole thing runs on a separate Task, which then calls another Task with a TaskScheduler.FromCurrentSynchronizationContext() to update the UI. Here's the relevant code as of posting:         private void AnimateTaskMethod(ReadOnlyCollection<BitmapFrame> bi, CancellationToken ct) { int count = bi.Count; int[] delay = new int[count]; int i = 0; System.Drawing.Image img = null; try { img = System.Drawing.Image.FromFile(FileList[(int)index]); System.Drawing.Imaging.PropertyItem prop = img.GetPropertyItem(0x5100); for (int x = 0; x < count; x++) { delay[x] = 10 * BitConverter.ToInt32(prop.Value, x * 4); if (delay[x] == 0) delay[x] = 100; } } catch { for (int x = 0; x < count; x++) { delay[x] = 1000; } } finally { if (img != null) img.Dispose(); } while (true) { ct.ThrowIfCancellationRequested(); Thread.Sleep(delay[i]); Task UIAnim

Animate listbox items from ItemTemplate

I want to have a slide-in effect for listbox items, when it's first loaded. I'm using ItemTemplate for listbox items and I coule do the slide-in effect from within the template using RenderTransform and DocubleAnimation. but as the Listbox is vertualized, it does the effect everytime new page of data is loaded in listbox. What I want is to animate the visible items in listbox only when DataContext is changed the first time, like messages list in 'Windows Live Mail' thanks in advance.  

Problem trying to use AnimationExtender to animate some buttons

Hello there,I'm kind of an AJAX newbie. Trying to develop something that, seems to me, should be a pretty easy task. However, i'm not really sure how to accomplish it. Basically, i have to do some button menu. But, the final user wants this menu to be cool and trendy, so some animation is required. The point is that, as one of the buttons in the menu gets the mouse over, it should display an expanding animation. Also, the rest of the buttons in the panel menu should shrink and blur. As far as i know, using the toolkit animation extender i could easily make the button expand using the "OnMouseOver" tag, and the opposite "OnMouseOut" tag to restore the button state . However,  the animationExtender links the animations defined on it  to the component refered in the "TargetControlID" tag. That means f.e., if i have button1, button2, and button3, on the "OnMouseOver" tag of the animationExtender that targets button1, i cant refer to button2 and button3 to make them display an shrink animation.How could i get around this?thanks and sorry for my broken english:)

Animate an Autosizing Panel

Is it possible to animate the sizechanging on for example a stackpanel that AutoSizes to its Children? I'm making a fluid user interface and have got lots of help from the FluidMoveBehaviour, and does my own animations where its necessary, but I cant figure out how to animate something that has AutoSize   -Ola

How do I display my animated image while the next page loads?

I have the following code so it'll show an animated progress GIF but if the site takes longer than this, it will quit. Is there a more effective way?System.Threading.Thread.Sleep(2000) Here's my update progress code:<asp:UpdateProgress ID="UpdateProgress1" runat="server"> <ProgressTemplate> <div class="PleaseWait"> Please wait ... </div> </ProgressTemplate> </asp:UpdateProgress>  

how to animate the toogle button of a expander control ?




i would like to know, how can i implement a "smooth expand/collapse" animation for a header icon (tooglebutton) of a expander control ?

may be like the icon of the AccordionItem.Header of a Accordion control.


thanks for any help



want to show animated loading gi in modal popup on buttton click??



I am using a  5 file upload controls on my page within a Create User Wizard.

In a modal pop up extender, I have a animated ajax gif with a message


When I submit the button (see code below )to send the form, the modal pop up shows up

but the image is not animated. If I put the button below in an update panel it

works with animation. But if I add a twigger for the button as the file upload controls needs a postbackthe image is static again. Is there anywhere I can display an animated image in the modal pop up and still keep my existing code.??



Animate window height


Hi, All:


I have a storyboard which reduce my window height to 40. See below:


            <Storyboard x:Key="StoryBoard_Collapse">
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="me" Storyboard.TargetProperty="Height">
                    <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="40">
                            <KeySpline ControlPoint1="0.175,0" ControlPoint2="1,1"/>

Animate Shape inside a ListBoxItem Control Template bound to an ObservableCollection



I basically have a listbox with a circular panel template, bound to an observablecollection "Hosts" defined like so:

<ListBox x:Name="listbox1" ItemContainerStyle="{DynamicResource ListBoxItemStyle2}" ItemsSource="{Binding Hosts}">
  	<ControlTemplate TargetType="{x:Type ListBox}">
  		<WpfApplication7:CircularPanel AngleItem="{Binding Angle}" IsItemsHost="True"/>			


Each ListBoxItem is also a rectangle, with the height and width of the rectangle bound to respective properties of a Host object (RecWidth and RecHeight):


<Style x:Key="ListBoxItemStyle2" TargetType="{x:Type ListBoxItem}">
	<Setter Property="Template">

Resize animated gif



I need to resize animated gif files in my asp.net 4 Web site. Is there any libraries i can put in my Bin folder that just works without an ocean of configuration? It can not be any program i must install on the computer/server to use because my host doesnt do that stuff i think.

Can a bar on a chart be animated?



Pretty certain that the answer to this is "no" but I'll ask anyway.

I have a bar chart that displays execution times of jobs, this includes jobs that are currently in progress.

At the moment I am using a different colour to represent jobs that are currently in progress but what I'd like to do is animate them to give a visual cue to the report viewer about that status. Animate could mean a lot of things - they could glow and fade repetitively, perhaps there could be lines across the bar that travel from the bottom to the top of the bar. you get the idea - I want them to look "alive".

Is this possible? Like I said, I suspect the answer is no, but figured I should ask.


http://sqlblog.com/blogs/jamie_thomson/ | @jamiet | About me
Jamie Thomson
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend