اسکریپت رنگی شدن تصاویر با jquery
اگر شما هم طراح وب سایت هستید و به دنبال یک استایل و افکت زیبا برای تصاویر خودتون هستید امروز برای شما با استفاده از jquery و css اسکریپتی را برای شما آماده کردم که وقتی موس بر روی تصاویر میرود کم کم تصاویر رنگی شده و یک حالت فوق العاده زیبا به تصاویر شما می بخشد.این اسکریپت مخصوص سایت های استاتیک هست چون که نیاز به هر 2 تصویر رنگی و سیاه سفید داره.
فایل های آجاکس (jquery) به همراه شیوه نامه ها و یک نمونه کاربرد همه در یک فایل زیپ برای دانلود گذاشتم.امیدوارم به دردتون بخوره
—————
دانلود اسکریپت
رمز فایل زیپ : www.picor.ir ( آدرس قدیم سایت بودش ! )
حجم فایل : 200 کیلوبایت
————-
سلام خسته نباشید سوالی داشتم که میخوام یک عکس رو داخل یک کادر به صورت ثابت داشته باشم که با رفتن موس روی عکس فقط وسط عکس زوم بشه در حالی که کادره ثابته و جا به جا نمیشه انگار عکس از دل کادر میاد بیرون اگه میشه کمکم کنید ممنون
سلام
گمونم مطلب زیر کمکتون می کنه
http://doctorwp.com/3382/9-css-zoom-pan-transforms-image-hover-effects.html
با احترام
سلام میتونی کمک کنی واسه میهن بلاگ میخوام
سلام
من این رو برا یک سایت جوملا تست کردم رو لوکال جواب میده اما رو هاست متاسفانه نه..میشه بررسی بکنید رو جوملا چک کنید
سلام آقای آرش حیدری یه سوال ازتون داشتم میشه بگید چه جوری اون عکسی رو در هدر سایت می چرخه رو ساختید منظورم وقتی است که ماوس رو روی آن می بریم خیلی ممنون میشم اگه جواب بدید.با تشکـــر
سلام
آموزشش رو قبلا قرار داده بودیم .
http://doctorwp.com/2140/logo-rotate-360deg-style.html
ممنون خوب بود
دادا مرسی کد خوب کار می کنه فقط یه مشکلی هست . تو استایل که z-index رو 10 ه . عکسا اولیت میادیش بالا . یعنی همه چی میره زیره عکس . چیکار کتیم درست شه ؟
مرسی داداش . فقط اونوقت باید واسه همه عکسا یه سیاه سفید یه رنگی آپ کنم دیگه ؟ آدرس فایلهای js رو چطور لینک کنم ؟
آره ولی فکر کنم برای این کاری که شما می خواین بکنید اسکریپت های بهتری باشه تو اینترنت سرچ کن.مثلا عکس های صفحه اول سایت من کم رنگ میشه.
هرجا آپلود کردی آدرسشو بده دیگه مشخصه ، کدو یه نگاه کن.
داداش میشه یکم بیشتر توضیح بدی ؟ من می خوام تمام عکس ها اینطوری بشن . یعنی نمی خوام class یا ID خاص باشه . همه ی عکسا اینطوری بشن . در ضمن باید .jS رو آپلود کنم تو پوشه تم ؟ و
CSS رو به سی اس اس وردپرس اضافه کنم دیگه ؟
بله شیوه نامه رو به انتهای یوه نامه خود اضافه کنید.
فایل های js را هرکجا آپلود می کنید مهم نیست فقط آدرس رو تنظیم کنید.
خوب میتونی در ابتدای شیوه نامه قالبت اگه مثلا body داره این کارو کنی تا تمام عکس های سایتت این طوری بشن !
سلام داداش . مرسی .حالا چوط میشه اینو استفاده کرد تو وردپرس ؟
کد های html رو باید تو قالب برای عکس هایی که دوس داری این طوری بشن قرار بدی.