problem s tymito prikladmi je taky, ze ked sa vypne js, tak preloader zostane zobrazeny, co je myslim ze dost neziaduce... preto treba jeho zdrojak zapisovat cez js, lepsie funkcne riesenie mi zatial nenapadlo...
zakladny kod by mohol vypadat takto:
CSS:
Kód:
#preloader { position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; background:black; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; cursor:wait; }
#preloader-msg-wrapper { position:absolute; width:210px; height:50px; top:50%; left:50%; margin-top:-25px; margin-left:-105px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#preloader-msg { position:relative; background:#FFFFFF url(ajax-loader.gif) 10px 10px no-repeat; width:150px; height:25px; overflow:hidden; padding:15px 10px 10px 50px; }
JS:Kód:
function showPreloader() {
var preloader = '';
preloader += '<div id="preloader">';
preloader += '<div id="preloader-msg-wrapper">';
preloader += '<div id="preloader-msg">';
preloader += '<p>Nacitavanie stranky...</p>';
preloader += '</div></div></div>';
document.write(preloader);
}
function clearPreloadPage() { //DOM
if(document.getElementById) {
document.getElementById('preloader').style.visibility = 'hidden';
} else {
if(document.layers) { //NS4
document.preloader.visibility = 'hidden';
} else { //IE4
document.all.preloader.style.visibility = 'hidden';
}
}
}
showPreloader();
window.onload = clearPreloadPage;
Ak sa to chce niekomu zoptimalizovat (testovane na Opere, FF), nech sa paci
Ak pozna niekto sposob, ako dosiahnut, aby nebol stredny biely div priesvitny podla nadradeneho divu, tak to tu pls napiste...
Zdroj clearPreloadPage():
http://forum.hostican.com/javascript/ja ... der-t1179/
Zdroj ajax_loader.gif:
http://www.ajaxload.info/download.php?i ... 0/25-1.gif
