طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

ساخت اسلایدر پس زمینه با jQuery


ساخت اسلایدر پس زمینه با jQuery

محتوای صفحات وب همراه با پس زمینه اسلایدشو به کاربر یک نگاه و احساس زیبا در یک صفحه زیبا را می دهد. در آموزش jQuery قبلی, نحوه ساخت اسلایدر تصویر با jQuery با تغییر سورس تگ در یک زمان مشخص را دیدیم.

ما از پلاگین Backstretch برای ساخت اسلایدر پس زمینه در صفحه وب, بهره می بریم. این پلاگین اسلایدر تصاویر را برای هم اندازه کردن با پس زمینه, کش می دهد. این تصاویر اسلایدر پوزیشن fixed را دریافت می کنند. با اسکرول صفحه, المان های صفحه وب نیز حرکت خواهند کرد ولی پس زمینه ثابت می ماند.

ساخت اسلایدر پس زمینه با jQuery

کد HTML بخش محتوا

این کد به شما محتویات HTML که بر روی اسلایدر پس زمینه در حال نمایش و حرکت هستند را نمایش می دهد.

فراخوانی پلاگین اسلایدر پس زمینه

کد jQuery زیر تابع پلاگین Backstretch را برای ارسال لیست تصاویر قابل نمایش در اسلایدشو پس زمینه, را فراخوانی می کند. همچنین زمان مکث بین نمایش دو تصویر و افکت مورد نظر را نیز مشخص میکند.

حتما بخوانید  ساخت اسلایدر عکس با jQuery

امیدوارم از آموزش ساخت اسلایدر پس زمینه با jQuery نهایت استفاده را برده باشید .

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

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

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

دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

دانلود کتاب

عضویت در خبرنامه