css - ExtJSを使用してcssルールをhtml要素に適用するには?

Question

ExtJS 4を使用して、パネルとスライダー フィールド内に画像を描画しています。スライダーフィールドの値が変わるたびに画像の不透明度を変更したい。

不透明度を変更するCSSのルールを画像に適用できることをopacity認識しています。filter:alpha(opacity=);

ただし、この css ルールを画像に適用する方法がわかりません。誰でもこれについて私を案内してもらえますか?

Answer 1

Ext.dom.Element.setOpacityメソッドを使用できます。

Ext.fly('image-id').setOpacity(0.5); // this will make img with id 'image-id' become half-transparent

これがライブデモです

アップデート

Ext.Imgコンポーネントを使用している場合は、次のようなことを行う必要があります。

imgCmp.getEl().setOpacity(0.5);