8
Great! will try your suggestion.
I did some search and here's what i came up with (maybe considered as another option):
1. in the head section of theme.html:
<SCRIPT LANGUAGE="JavaScript">
SCRIPT>
2. add this line in the body tag:
<body [b][color=006600]onLoad="clearPreloadPage()[/color][/b] ;">
3. add right after above line:
<div id="prepage" style="position:absolute; font-family:arial; font-size:16; left:300px;
top:70px; background-color:none; layer-background-color:none; height:100%; width:40%;">
<table width=100%><tr><td>
<font color="#000000"> Loading ...... Please wait.font><br> <img src="<{$xoops_imageurl}>/images/await.gif" alt="" />td>tr>table>
div>
Change the appropriate elements as needed.
One note though, sometimes the preloader remains visible after the whole page is can be seen (probably as a result of other javascripts still loading images). this has been the case with my site at
http://oragonrepublic.com, particularly in the homepage - other pages worked as expected. to partly solve this, the black font color was chosen so the message would not be visible once the header part appears since the bg is also black.
Credit for the script belongs to original author(s)(modifications added). Source Website :
http://www.usingit.com/