+2 امتیاز
قبل در کامپیوتر و اینترنت توسط (1.1هزار امتیاز)

در یک وب سایت full ajax می خواهم در زمان لود اسکریپت ها (لود وب سایت) بجای نمایش صفحه سفید، عکس خاصی که به کاربر اعلام می کند منتظر بماند نمایش داده شود. چطور می توانم این کار را انجام دهم؟

2 پاسخ

+1 امتیاز
قبل توسط (922 امتیاز)

با استفاده از کد jQuery زیر براحتی می توانید این کار را انجام دهید:

<script type="text/javascript">
// <![CDATA[
$(window).load(function() { $("#spinner").fadeOut("slow"); })
// ]]>
</script>

می توانید css زیر را نیز اضافه کنید:

#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(your/image/path/loading.png) 50% 50% no-repeat #ede9df;
}

و در نهایت تگ div زیر را در ابتدای تگ body اضافه کنید:

<div id="spinner"></div>
+1 امتیاز
قبل توسط (1.1هزار امتیاز)

یک عکس که پیغام loading مورد نظر شما را دارد درون یک div قرار دهید و درست پس از تگ body صفحه اصلی برنامه خود قرار دهید و با استفاده از CSS آن div را در مرکز صفحه قرار دهید:

    <div class="loadingIndicator">
        <img src="images/loading.gif" width="16" height="16" style="margin-right:8px;float:left;vertical-align:top;"/>Loading<br/>
        <span id="loadingMsg">Loading application...</span>
    </div>

سپس در اولین خط برنامه full ajax خود تگ div را از dom حذف کنید.

سوالات مشابه

0 امتیاز
2 پاسخ 718 بازدید
0 امتیاز
3 پاسخ 598 بازدید
0 امتیاز
1 پاسخ 674 بازدید
0 امتیاز
0 پاسخ 375 بازدید
0 امتیاز
0 پاسخ 341 بازدید
0 امتیاز
1 پاسخ 9.8هزار بازدید
0 امتیاز
1 پاسخ 510 بازدید
...