Div does not show Image

[=?Utf-8?B?TWFydGlu?=]

Hi
I have a DIV Absolute positioned with a AJAX style gif inside. The image
sometimes fails to show up. How can I fix this ?
I set the div sty;e to visible and it appears but no image??

<div id="proc1" style="visibili ty: hidden;Left: 316px; position: absolute;
top: 256px; width: 328px; background-color: #FFFACD; border-right: gainsboro
1px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid;
border-bottom: gainsboro 1px solid; z-index: 2;" align="center"
atomicselection ="true">
<br />
<span style="font-size: 8pt; color: #666699; font-family:
Verdana">Please wait...</span><br />
<br /><div id="progress" style="z-index: 10;">
<img src="/images/wait.gif" style="z-index: 11;" /></div>
<br />

<br />
<br />
</div>

[=?Utf-8?B?YnJ1Y2UgYmFya2Vy?=]

RE: Div does not show Image

if you are calling the code before a postback, than this is normal behavior.
if the browser is posting back, it will not downlod an image nor run an
animated gif.

you can switch to an ajax postback via an update panel to get the image to
apear. if its a static image, pre-caching will make it appear more often.

-- bruce (sqlwork.com)


"Martin" wrote:

Hi
I have a DIV Absolute positioned with a AJAX style gif inside. The image
sometimes fails to show up. How can I fix this ?
I set the div sty;e to visible and it appears but no image??
>
<div id="proc1" style="visibili ty: hidden;Left: 316px; position: absolute;
top: 256px; width: 328px; background-color: #FFFACD; border-right: gainsboro
1px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid;
border-bottom: gainsboro 1px solid; z-index: 2;" align="center"
atomicselection ="true">
<br />
<span style="font-size: 8pt; color: #666699; font-family:
Verdana">Please wait...</span><br />
<br /><div id="progress" style="z-index: 10;">
<img src="/images/wait.gif" style="z-index: 11;" /></div>
<br />
>
<br />
<br />
</div>
>

[Munna]

Re: Div does not show Image

On Jun 2, 7:51 pm, Martin <Mar...@discuss ions.microsoft. comwrote:

Hi
I have a DIV Absolute positioned with a AJAX style gif inside. The image
sometimes fails to show up. How can I fix this ?
I set the div sty;e to visible and it appears but no image??
>
<div id="proc1" style="visibili ty: hidden;Left: 316px; position: absolute;
top: 256px; width: 328px; background-color: #FFFACD; border-right: gainsboro
1px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid;
border-bottom: gainsboro 1px solid; z-index: 2;" align="center"
atomicselection ="true">
<br />
<span style="font-size: 8pt; color: #666699; font-family:
Verdana">Please wait...</span><br />
<br /><div id="progress" style="z-index: 10;">
<img src="/images/wait.gif" style="z-index: 11;" /></div>
<br />
>
<br />
<br />
</div>

Hi

preload the image...

here is a simple article that shows image preloading

http://articles.techrepublic.com.com/5100-10878_11-5214317.html

Best of luck

Munna

https://www.munna.shatkotha.com

https://www.munna.shatkotha.com/blog

https://www.shatkotha.com