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


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

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

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

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

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

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

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

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

 

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

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

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

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

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

دانلــود بـاکـــس

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

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

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

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

جدیدترین آموزش های آنلاین



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

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

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

بخش کاربران

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

مجوزهای ما

logo-enamd
logo-samandehi

دانلود کتاب

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