کد نمایش Loading (لودینگ) همراه با 14 تصویر برای لود شدن

امروز کد بسیار جالب و پر کاربردی را به درخواست یکی از بازدید کنندگان سایت به شما عزیزان معرفی می نماییم. با اعمال این کد در سایت یا وبلاگ خود می توانید کاری کنید که تا باز شدن کامل سایت/وبلاگ خود لودینگی نمایش یابد. پس با ما همراه باشید. 

 

عمل کرد کد در مرورگرها (نرم افزار های تماشای سایت)

نگارشمرورگرعمل می کند/نمی کند
7.0Internet Explorerعمل می کند
3.0Mozilla Firefox (beta)عمل می کند
9.0Netscapeعمل می کند

خوب… برای شروع کار کافیه بروید به بخش ویرایش HTML سایت یا وبلاگ خود.

حالا اونجا بگردید دنبال تگ <body>. خوب… پیداش کردید؟ حالا کد زیر رو بعدش قرار دهید.  

<script>var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' ;if(! document.getElementById) if(document.layers) x.left=280/2; return true; }</script>
<div id="waitDiv" style="border: 1px dotted ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#b3c3e4" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px>
<p><img border="0" src="آدرس عکس"></p>
<p dir="rtl" style="margin-top: 5; margin-bottom:5">
<font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاری است!<br>لطفا کمی صبر کنید...</font></p>
</div>
<SCRIPT>
ap_showWaitMessage('waitDiv', 1)</SCRIPT>

 

حالا به کد بالا دقت کنید. به جای عبارت "آدرس عکس" باید نشانی تصویری را قرار دهید که می خواهید هنگام لود شدن نمایش یابد. در زیر چند نمونه تصویر برایتان جمع آوری کردم. 

آدرستصویرردیف
http://irjava.com/wp-content/loading-pictures/1.gif
 
1
http://irjava.com/wp-content/loading-pictures/2.gif
 
2
http://irjava.com/wp-content/loading-pictures/3.gif
 
3
http://irjava.com/wp-content/loading-pictures/4.gif
 
4
http://irjava.com/wp-content/loading-pictures/5.gif
 
5
http://irjava.com/wp-content/loading-pictures/6.gif
 
6
http://irjava.com/wp-content/loading-pictures/7.gif
 
7
http://irjava.com/wp-content/loading-pictures/8.gif
 
8
http://irjava.com/wp-content/loading-pictures/9.gif
 
9
http://irjava.com/wp-content/loading-pictures/10.gif
 
10
http://irjava.com/wp-content/loading-pictures/11.gif
 
11
http://irjava.com/wp-content/loading-pictures/12.gif
 
12
http://irjava.com/wp-content/loading-pictures/13.gif
 
13
http://irjava.com/wp-content/loading-pictures/14.gif
 
14

  

 خوب… رسیدیم به مرحله ی آخر. حالا کد زیر رو در آخر آخر کدها قرار دهید.

 

<SCRIPT>
ap_showWaitMessage('waitDiv', 0)
</SCRIPT>

 

خوب… خسته نباشید. تموم شد!