マウスボタンが押されたら画像を入れ替える

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

ダウンロード
サンプル
<widget>
<window name="mainWin" />
<image src="
Resources/sample1.png" name="myImg" />
<action trigger="onMouseDown">
myImg.src = "
Resources/sample2.png";
</action>
<action trigger="onMouseUp">
myImg.src = "
Resources/sample1.png";
</action>
</widget>

補足説明