ساخت اسلایدشو با jQuery

  • منتشر شده در تاریخ

ساخت اسلایدشو با jQuery

در آموزش ساخت اسلایدشو با jQuery , قصد داریم به شما نحوه نمایش تصاویر را بصورت اسلایدشو (slideshow) با جی کوئری با پخش خودکار را نمایش بدیم. در آموزش قبلی, یک مثال از بارگذاری خودکار در jQuery را دیدیم.

ما لیستی از تصاویر برای نمایش در یک اسلایدشو داریم . در اینجا از توابع fadeIn()/fadeOut() در جی کوئری برای نمایش تک به تک عکس ها در اسلاید استفاده کردیم.

ساخت اسلایدشو با jQuery

کد HTML لیست تصاویر

این کد شامل یک لیست از عکس ها داخل یک تگ DIV است.

کد : ساخت اسلایدشو با jQuery

این تابع لیست تصاویر را در یک زمان مشخص (۲٫۴ ثانیه) با تابع fadeIn() و fadeOut() نمایش/مخفی می کند.

 

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

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

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

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

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

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

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

    دوره های آموزشی