ماژول لودینگ برای وبسایت جوملایی شما

[sajjad salehi]

چند تا ماژول برای این کار هست ولی .مسئله اینه که خیلی راحت تر از اینه که نیازی به ماژول باشه . شما اول یه پلاگین نصب کن که کدهای دلخواه رو به هدر قالبت اضافه کنن .
یه تابع جاوا اسکریپت داریم که کدهای داخلش رو بعد از کامل شدن لود صفحه اجرا میکنه .
شما به روشهای مختلف میتونی اینو انجام بدی مثلا کدی ور بنویسی که صفحه رو مخفی کنه و بعد از لود شدن به کمک جاوا اسکریپت مخفی بشه مثلا با زد ایندکس . ابتدا عرض و طولش بی نهایت بک گراند rgba و زد ایندکش بیشتر از بقیه ی کادرها و در آخر زد ایندکسش ور با جاوا کم کنی بره پشت صفحه .
این یک نمونه کد با روش دیگه (با fadeOut)

کد: (انتخاب همه)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $(".loader").fadeOut("slow");
})
</script>

این موقعیت رو به قالبت اضافه کن

کد: (انتخاب همه)

<div class="loader"></div>

این کد رو هم به آخر فایل css اضافه کن .

کد: (انتخاب همه)

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

لینک آموزش
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

کدهای مختلف دیگه ای هم هستن و روشهای مختلف دیگه .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

این هم جواب ششم به همون روشیه که گفتم و با مخفی کردن کار میکنه .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

و یا این
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

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