"جاري تحميل الصفحة.."

السلام عليكم
اخواني اعرف الكثير من المدونات و التي لها مشاكل عديدة منها : تصفحها الثقيل ..
لدالك هدا يعتبر من أكبر الأسباب التي تأدي الى عدم تكرار الزيارة للمهتمين بمدونتك
و عليه جاءتني فكرة و هي : لمادا لا نلهي الزائر بلمسة رائعة
تخبره بأن يصبر قليلا ..ريثما يتم تحميل الصفحة ؟
و عليه اخواني تم الاكتمال من هدا الموضوع ..بالطبع بعد جهد و عناء طويل في ترقية هدا الكود
و الدي هو الان متاح لجميع العرب !
أولا كما تعودنا من تحرير ال html
نقوم بالبحث عن هدا الكود :
لدالك هدا يعتبر من أكبر الأسباب التي تأدي الى عدم تكرار الزيارة للمهتمين بمدونتك
و عليه جاءتني فكرة و هي : لمادا لا نلهي الزائر بلمسة رائعة

تخبره بأن يصبر قليلا ..ريثما يتم تحميل الصفحة ؟
و عليه اخواني تم الاكتمال من هدا الموضوع ..بالطبع بعد جهد و عناء طويل في ترقية هدا الكود
و الدي هو الان متاح لجميع العرب !
أولا كما تعودنا من تحرير ال html
نقوم بالبحث عن هدا الكود :
</head>
مباشرة فوقه نقوم باضافة هدا الكود :
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
}
</script>
الان نحفظ القالب لكننا لم ننتهي بعد :
سنقوم باضافة أداة html
سنقوم باضافة أداة html
<div id="imgLOAD" style="position:fixed;top:50px;right:200px" align="right">
جاري تحميل الصفحة...<br/>
<img src="رابط عنوان الصورة"/></div>
و انتهى
top:50px;right:200px : بامكانك تغيير هته القيم و دالك حسب تموضع الصورة
رابط عنوان الصورة : رابط لعنوان الصورة
position:fixed : ادا كنت تريد تغيير تحرك الصورة اما ثابتة أو متحركة...
fixed او absolute
الان هدية صغيرة وهي عبارة صورة تابعة للموضوع







----------------------------------------
وفي النهاية هذا الشرح لوجة الله
والشرح مقدم من
الفضاء التكنولوجي
|