Hi,

I am trying to insert an animated gif to my web page but for some reason when it is inserted it becomes static i.e. I lose the animation. Has someone experience the same problem before?

I use an empty span id=displayInd to hold the image but even if I add it inline (in the aspx code) this is happening.

<asp:Label ID="ProcessingReport" runat="server" Text="processingReport" style="display:none; clear:both" />
                        <span id="displayInd"></span>

Then in Javascript I add the image tag

function PRDisplay()
    {
        getEl("ProcessingReport").style.display = "block"
         var imagedisplay = document.getElementById('displayInd');
         imagedisplay.innerHTML = '<img id=\"indicator\" src=\"' + _appRoot + '/App_Themes/theme1/indicator.gif\" /> ';

        disableReportButtons()
    }

I would appreciate if someone could help me.

Cheers

CPALL

Can someone please offer some help. I still have not been able to sort the issue with the animated gif. What could cause it to stop being animated??

Cheers

Hi there,

Have you tried setting the src attribute of the image instead of the innerHTML??
e.g.

imagedisplay.src = PathToNewImage

where imagedisplay is an <img /> tag, not a span?

Imar


---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004
Want to be my colleague? Then check out this post.

Hi Imar,

Thanks for your reply. I will try to use the src attribute instead of the innerHTML and let you know what happens. But I have tried to add this inline and it did not work. I will try using Javascript to see.

Cheers

CPall

Hi Imar,

The animated gif is working now. Thanks for you tip.

Also, I have posted a topic entitled SHOW/HIDE but have received no replies yet.

Could you please have a look at that post and let me know if you can give any help.

Cheers

CPall


PathToNewImage = _appRoot + "/App_Themes/theme1/indicator.gif"
imagedisplay.src = PathToNewImage
imagedisplay.style.display = "block"