آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش پلاگین Preloader در JQuery

دوره های مرتبط با این مقاله

آموزش پلاگین Preloader در JQuery

یکی از عناصر جذابی که به سایت خود میتوانیم اضافه کنیم ، preloader ها هستند که انیمیشنی را قبل از شروع و بارگزاری سایت اجرا میشوند. جهت انجام این امر از پلاگین fakeloader استفاده میکنیم که کل صفحه را با یک صفحه پر میکند و انیمیشنی رو ان اجرا میشود.


آموزش پلاگین Preloader در JQuery

روش استفاده :

لینکهای فایل مورد استفاده را در پروژه قرار میدهیم.

< link rel="stylesheet" href="css/fakeLoader.css" >
< script src="//code.jquery.com/jquery-2.1.1.min.js" >< /script >
< script src="js/fakeLoader.min.js" >< /script >

یک عنصر DIV ایجاد کرده وبا نام کلاس آن را منحصر به فرد میکنیم.

< div class="fakeloader" >< /div >

این پلاگین را روی عنصر فراخوانی میکنیم

$ (".fakeloader").fakeLoader();

با استفاده از option های موجود میتوان انیمیشن را سفارشی کرد.

$ (".fakeloader").fakeLoader({
// Time in milliseconds for fakeLoader disappear

زمان برحسب میلی ثانیه جهت نمایش انیمیشن

timeToHide:1200,

نوع انیمیشن که میتواند از هفت مورد زیر انتخاب کرد

// 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'
spinner:"spinner1",//Options:

رنگ پس زمینه Preloader در JQuery

// Background color. Hex, RGB or RGBA colors
bgColor:"#2ecc71",
imagePath:"yourPath/customizedImage.gif"
});
  • 91
  •    158
  • تاریخ ارسال :   1398/11/02

دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش پلاگین Preloader در JQuery
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .