لینک دانلود

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

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

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

نصب:

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

استفاده:

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

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

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

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

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