چگونگی سیاه و سفید شدن عکس با CSS

این تاپیک 6 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  mohcen ،‏ 2 سال و 9 ماه پیش .

این تاپیک تاکنون 3896 بازدید داشته است .

نویسنده پست
چهار شنبه ، 3 اکتبر 2012     10:10 ب.ظ #


پویا بهروش

Subscriber
2 پست1 تاپیک

سلام دوستان. من دنبال مد سیاه و سفید شدن عکس ها با CSS میگشتم.یه چیزایی پیدا کردم اما کار نمیکنه!برای مثالش همصفت filter با مقداردهی grayscale هستش که برای تمامی مرورگرها نوشتم(moz و...) اما کار نمیکنه! هاستی چیزی میخواد یا اشکال از کدهای منه؟برای مثال کد زیر که از یه آموزش گرفتم:

<code>

<style>
img.desaturate {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

}
</style>
<img src=http://mihanlearn.com/wp-content/uploads/2012/08/lena-soderberg.jpg alt="Lena Söderberg"
style=width:512px;height:512px />

</code>

از تکنیک SVG هم استفاده کردم کار نکرد! یکی کمک کنه لطفا :)

0  تشکر
چهار شنبه ، 3 اکتبر 2012     11:50 ب.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

مشکل از کدی که نوشتی هست. شما برای تصویرت کلاس تعریف نکردی ولی توی استایل دهی استایلت رو به تصویری با کلاس desaturate تعریف کردی و همین باعث میشه که کد کار نکنه:

از این کد استفاده کن:

5  تشکر
پنجشنبه ، 4 اکتبر 2012     12:08 ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

این فایل رو دانلود کن.

2  تشکر
پنجشنبه ، 4 اکتبر 2012     11:22 ق.ظ #


پویا بهروش

Subscriber
2 پست1 تاپیک

سلام مجدد و ممنون از پاسختون.اما اینکه کلاس تعریف شده رو در تگ عکس فراخوانی نکرده بودم اشتباهی بود که هنگام تایپ تاپیک پیش اومده.وگرنه فایلی رو هم که برای دانلود گذاشته بودید امتحان کردم اما باز هم کار نکرد.

0  تشکر
پنجشنبه ، 4 اکتبر 2012     12:36 ب.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

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

در اومده بود!!!

درضمن ممکنه اشکال از مرورگرت باشه. اینجوری که من دیدم مثله اینکه فقط گوگل کروم از این کد پشتیبانی می کنه. و بقیه مرورگرها (فایرفاکس، ie و اوپرا) ازش پشتیبانی نمیکنن.

با گوگل کروم کد رو تست کن.

1  تشکر
پنجشنبه ، 4 اکتبر 2012     1:18 ب.ظ #


پویا بهروش

Subscriber
2 پست1 تاپیک

بله.با کروم کار میکنه.اما اینکه با فایر فاکس کار نمیکنه پس چرا توی سایت JDesign این امکان هست و با فایر فاکس هم اجرا میکنه؟:

jdesign.ir

!!!قالب اون سایت رو هم نمیدونم کی طراحی کرده چو خیلی شلختست. ده بیست تا استایل توشه آدم نمیتونه کلاس تعریف شده برای عکس ها رو پیدا کنه چون نمیدونه کجا بگرده!:(

0  تشکر
جمعه ، 14 مارس 2014     7:05 ق.ظ #


mohcen

Subscriber
20 پست11 تاپیک

اینو ببین

http://jsbin.com/raweyuxa/2

2  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .