امروز کد بسیار جالب و پر کاربردی را به درخواست یکی از بازدید کنندگان سایت به شما عزیزان معرفی می نماییم. با اعمال این کد در سایت یا وبلاگ خود می توانید کاری کنید که تا باز شدن کامل سایت/وبلاگ خود لودینگی نمایش یابد. پس با ما همراه باشید.
نگارش | مرورگر | عمل می کند/نمی کند |
7.0 | Internet Explorer | |
3.0 | Mozilla Firefox (beta) | |
9.0 | Netscape |
خوب… برای شروع کار کافیه بروید به بخش ویرایش 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> |
حالا به کد بالا دقت کنید. به جای عبارت "آدرس عکس" باید نشانی تصویری را قرار دهید که می خواهید هنگام لود شدن نمایش یابد. در زیر چند نمونه تصویر برایتان جمع آوری کردم.
آدرس | تصویر | ردیف |
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> |
خوب… خسته نباشید. تموم شد!