50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

چرخش عکس با jQuery

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

چرخش عکس با jQuery

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

در این مثال از ایجاد چرخش عکس (rotate) , ما از تابع animate در جی کوئری استفاده می کنیم. با استفاده از این تابع ما خاصیت transform تصویر را کنترل می کنیم.

چرخش عکس با jQuery

کد HTML با دکمه های چرخش

این کد به شما المنت تصویر و لیست دکمه ها برای ایجاد چرخش عکس با jQuery را نشان می دهد.

تابع چرخش عکس با jQuery

این تابع جی کوئری با تغییر خاصیت transform تصویر افکت چرخش را ایجاد می کند.

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

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

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

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

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

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

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

  1. رویا ۱۹ آذر ۱۳۹۷

    مطلب عالی بسیار سپاس

    پاسخ
    1. حسن شفیعی ۱۹ آذر ۱۳۹۷

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

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