マウスボタンが押されたら画像を半透明にする

実行画面
説  明
マウスボタンが押されたら画像を半透明にするには、半透明にする画像にnameまたは<name>で名前を指定しておきます(以下のサンプルではmyImg)。この画像の透明度はopacityに入っており0〜255までの範囲で指定できます。0が完全に透明、255が完全な不透明になります。
マウスボタンによる反応は<action>タグのtriggerでマウスイベントを指定します。マウスボタンが押された場合はonMouseDown、離された場合はonMouseUpになります。画像の透明度を変えるには、この<action>タグ内にJavaScriptを記述します。画像の透明度へのアクセスは「画像名.opacity」のように記述します。以下のサンプルでは画像名はmyImgなので「myImg.opacity」でアクセスし透明度を指定しています。

ダウンロード
サンプル
<widget>
<window name="myWin" />
<image src="Resources/sample.png" name="myImg" />
<action trigger="onMouseDown">
myImg.opacity =
128;
</action>
<action trigger="onMouseUp">
myImg.opacity =
255;
</action>
</widget>

補足説明