اسکریپت رنگی شدن تصاویر با jquery

اگر شما هم طراح وب سایت هستید و به دنبال یک استایل و افکت زیبا برای تصاویر خودتون هستید امروز برای شما با استفاده از jquery و css اسکریپتی را برای شما آماده کردم که وقتی موس بر روی تصاویر میرود کم کم تصاویر رنگی شده و یک حالت فوق العاده زیبا به تصاویر شما می بخشد.این اسکریپت مخصوص سایت های استاتیک هست چون که نیاز به هر 2 تصویر رنگی و سیاه سفید داره.

فایل های آجاکس (jquery) به همراه شیوه نامه ها و یک نمونه کاربرد همه در یک فایل زیپ برای دانلود گذاشتم.امیدوارم به دردتون بخوره

—————

دانلود اسکریپت

رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )

حجم فایل : 200 کیلوبایت

————-

14 نظرات
  1. فرشته می گوید

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

    1. آرش حیدری می گوید

      سلام
      گمونم مطلب زیر کمکتون می کنه
      http://doctorwp.com/3382/9-css-zoom-pan-transforms-image-hover-effects.html
      با احترام

  2. farcryfarci.tkدانلود رایگان فیلم می گوید

    سلام میتونی کمک کنی واسه میهن بلاگ میخوام

  3. مهدی می گوید

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

  4. rahmat می گوید

    سلام آقای آرش حیدری یه سوال ازتون داشتم میشه بگید چه جوری اون عکسی رو در هدر سایت می چرخه رو ساختید منظورم وقتی است که ماوس رو روی آن می بریم خیلی ممنون میشم اگه جواب بدید.با تشکـــر

    1. آرش حیدری می گوید

      سلام
      آموزشش رو قبلا قرار داده بودیم .
      http://doctorwp.com/2140/logo-rotate-360deg-style.html

  5. ابراهیم می گوید

    ممنون خوب بود

  6. شاهین می گوید

    دادا مرسی کد خوب کار می کنه فقط یه مشکلی هست . تو استایل که z-index رو 10 ه . عکسا اولیت میادیش بالا . یعنی همه چی میره زیره عکس . چیکار کتیم درست شه ؟

  7. شاهین می گوید

    مرسی داداش . فقط اونوقت باید واسه همه عکسا یه سیاه سفید یه رنگی آپ کنم دیگه ؟ آدرس فایلهای js رو چطور لینک کنم ؟

    1. آرش حیدری می گوید

      آره ولی فکر کنم برای این کاری که شما می خواین بکنید اسکریپت های بهتری باشه تو اینترنت سرچ کن.مثلا عکس های صفحه اول سایت من کم رنگ میشه.
      هرجا آپلود کردی آدرسشو بده دیگه مشخصه ، کدو یه نگاه کن.

  8. شاهین می گوید

    داداش میشه یکم بیشتر توضیح بدی ؟ من می خوام تمام عکس ها اینطوری بشن . یعنی نمی خوام class یا ID خاص باشه . همه ی عکسا اینطوری بشن . در ضمن باید .jS رو آپلود کنم تو پوشه تم ؟ و
    CSS رو به سی اس اس وردپرس اضافه کنم دیگه ؟

    1. آرش حیدری می گوید

      بله شیوه نامه رو به انتهای یوه نامه خود اضافه کنید.
      فایل های js را هرکجا آپلود می کنید مهم نیست فقط آدرس رو تنظیم کنید.
      خوب میتونی در ابتدای شیوه نامه قالبت اگه مثلا body داره این کارو کنی تا تمام عکس های سایتت این طوری بشن !

  9. شاهین می گوید

    سلام داداش . مرسی .حالا چوط میشه اینو استفاده کرد تو وردپرس ؟

    1. آرش حیدری می گوید

      کد های html رو باید تو قالب برای عکس هایی که دوس داری این طوری بشن قرار بدی.

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.