画像の彩度を下げるプラグインをたくさん見ました鬼ごっこ。
しかし、背景画像(要素(div)の背景として使用される画像)の彩度を下げるものは見つかりませんでした。
2つの背景を使用せずにホバー時に背景画像の彩度を下げる方法はありますか(つまり、画像スプライトの1つは白黒で、もう1つはカラーです)
ImageSpritesを使用してこのようなことを行うことができます。
// Initially color Image
$(<element>).mouseover(function(e){
jQuery(this).children(":first").stop().animate(
{
'background-position': <some coordinates>
// Coordinates of b&w Image
},
100
);
e.stopPropagation();
})
.mouseout(function(e){
jQuery(this).children(":first").stop().animate(
{
'background-position': <some coordinates>
// Coordinates of color Image
},
100,
settings.easingType
);
e.stopPropagation();
});
しかし、私はこれを望んでいません。彩度の低い背景画像をオンザフライで表示したい。助けてください。