i have page being generated serverside using asp.net (c#). takes while page load has 100 iframes. want show "please wait" animated gif while page loading, have following:
<style type="text/css"> #blackout { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; position:absolute; background-color:#222233; z-index:50; left:0px; top:0px; right:0px; bottom:0px; width:102%; height:102%; } #loading { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; position:fixed; text-align:center; background-color:#eeeeee; top:50%; left:50%; margin-top:-55px; margin-left:-75px; width:150px; height:75px; z-index:100; } </style> </head> <body onload="document.getelementbyid('loading').style.visibility='hidden';document.getelementbyid('loading').style.display='none';document.getelementbyid('blackout').style.visibility='hidden';document.getelementbyid('blackout').style.display='none';"> <div id="blackout"> <div id="loading"><img id="loadinggif" src="graphics/loading.gif" alt="" style="margin-top:12px; "/><br />please wait...</div> <script type="text/javascript" language="javascript"> document.getelementbyid('loadinggif').src = 'graphics/loading.gif'; </script> </div> <form id="form1" runat="server"> so problem loading gif not moving. have tried use
settimeout("document.getelementbyid('loadinggif').src = 'graphics/loading.gif'", 100); too, , made gif move "a little", not intended.
how can make animate un-interrupted during load?
old question, posting fellow googlers:
spin.js work use case: http://fgnass.github.com/spin.js/
Comments
Post a Comment