• 締切済み

onclickイベントでフィルターを使用するには

初めて投函させていただきます。 表題の件ですが、onclickでPNG形式のアルファチャンネル画像を使用したく悩んでおります。 通常  <img src="image1.png" onclick="img1.src='image2.png'"> でイメージの変更が出来ますが、これをPNG形式のアルファチャンネル画像で処理したいのですが 記述がわかりません。 PNG形式のアルファチャンネル画像を表示するには  <div style="width:100;height:50;   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image1.png');">  </div> のようなフィルタで可能ですがonclickのようなイベントにくっつけるにはどうしたら良いでしょうか? 「image1.png」「image2.png」共にPNG形式のアルファチャンネル有効画像です。 どなたかわかる方がおられましたら、ご教授ください。

みんなの回答

  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.1

filter で、AlphaImageLoader を指定するスクリプトは、以下のような感じになるはずです。 <div onclick="this.style.filter=\"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image1.png')\""></div> # 試してません m(_ _)m

参考URL:
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
Harasin
質問者

お礼

情報ありがとうございます。 この情報を元に試行錯誤してみます。

関連するQ&A