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

چرخش عکس با jQuery


چرخش عکس با jQuery

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

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

چرخش عکس با jQuery

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

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

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

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

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

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

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

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

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

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

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

2 پاسخ به “چرخش عکس با jQuery”

  1. رویا گفت:

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

    0

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

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

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

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

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

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

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

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

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

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

Loading ... Loading ...

بخش کاربران

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

مجوزهای ما


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

دانلود کتاب

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