ایجاد پس زمینه ثابت با پلاگین parallax

jQuery   
12 ژانویه 2018   

لینک دانلود

برای ایجاد یک پس زمینه کشویی مانند، با افکت زیبا از پلاگین parallax استفاده می‌کنیم. برای نصب ساده و سریع این افزونه با ما همراه باشید.

parallax یک پلاگین جی کوئری برای ساختن پس زمینه ثابت در صفحه ی شما است و در زمانی که شما با اسکرول کردن به پایین صفحه حرکت می کنید افکتی اجرا می شود.

لینک دانلود افزونه در ابتدای این مطلب قرار داده شده است.

نصب:

فایل را بارگیری و استخراج کرده وفایلparallax.min.js  و فایل اصلی جی کوئری را نیز به فایل های جاوا اسکریپت خود اضافه کرده ولینک را در سند خود بعد از بادی قرار دهید مانند زیر

استفاده:

1-یک دایو با مشخصات زیر ایجاد کنید و مقدار data-image-src مسیر تصویر شما قرار می گیرد

2-در مر حله ی بعد کد جاوا اسکریپت را بعد از دایو قرار می دهیم و مقدار imagesrc را آدرس تصویر قرار می دهیم مانند زیر

3-و در آخر این کد را به فایل های سی اس اس خود اضافه کنید

کل کد های استفاده شده در یک نگاه:

امید وارم از این آموزش نهایت استفاده را برده باشید