מה הקוד לוידג'ט כדי שישנה צבע בעת הזזת הסמן בעכבר?

[נירוש]

יש לי כפתורי צד באתר, המבוססים על קוד בוידג'ט [תמונה+קישור לדף הרלוונטי].
מה הקוד הנצרך כדי שהתמונה תתפקד כלחצן לכל דבר - כוונתי שבעת שהסמן של העכבר יעבור מעליה היא תהפוך לכהה?
תודה!

 

[Shlomi]

http://www.w3schools.com/css/tryit.asp?filename=trycss_image_transparency

 

[נירוש]

http://www.w3schools.com/css/tryit.asp?filename=trycss_image_transparency

תודה. אך ראיתי ששם זה עובד הפוך, התמונה כבויה, ובעת העברת הסמן היא נדלקת. לי יש צורך בתמונה דלוקה, ובעת העבר הסמן היא נכבית.

 

[שירה בירה]

הקוד התקין

אז תשימי את הקוד הזה

img {
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

img:hover {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}​

 

[נירוש]

תודה לשירה בירה, הקוד עושה את העבודה מצוין!!

 

[יעל מור]

תודה. אך ראיתי ששם זה עובד הפוך, התמונה כבויה, ובעת העברת הסמן היא נדלקת. לי יש צורך בתמונה דלוקה, ובעת העבר הסמן היא נכבית.

סתם כך אפשר להבין מתוך זה שצריך להפוך בין הנתונים שב-image לבין הנתונים שב-image:hover