درست کردن لودینگ برای صفحه توسط جاوا اسکریپت

[phonixone2]

با سلام
من میخوام یه لودینگ برای صفحه درست کنم که تا وقتی که صفحه کامل لود نشده یه عکس لودینگ نشون داده بشه و صفحه قفل بشه

[mohammad kafiyan]

کد html:


<div id="loading"> <img id="loading-image" src="img/loading.gif" alt="Loading..." /> </div>

کد css:


#loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99} #loading-image {position: absolute;top: 40%;left: 45%;z-index: 100}

کد js:


window.onload = function(){ document.getElementById("loading").style.display = "none" }

[phonixone2]

مرسی دوست عزیز