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

  • آپدیت شده در تاریخ

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

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

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

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

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

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

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

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

 

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

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

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

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

حسن شفیعی توسعه دهنده وب و موبایل مدیر سایت علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم. اگر نیاز به برنامه نویس برای انجام پروژه و نوشتن اسکریپت های سمت وب, اپلیکیشن های اندروید و ios, پیدا کردن راه حل توسعه و غیره داشتید حتما از طریق تماس با ما/ واتساپ/ تلگرام بهم پیام بدید. برایتهیه هاست مطمین و پرسرعت کلیک کنید
مطالب زیر را حتما بخوانید
دیدگاه کاربران (۲)

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

  1. محمد ۷ اسفند ۱۴۰۰

    فقط باید بگم دمت گرم

    پاسخ
    1. حسن شفیعی ۷ اسفند ۱۴۰۰

      سلام. خوشحالیم که مفید واقع شده.
      موفق و پیروز باشید

      پاسخ
دوره های آموزشی