- 締切済み
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形式のアルファチャンネル有効画像です。 どなたかわかる方がおられましたら、ご教授ください。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- a-kuma
- ベストアンサー率50% (1122/2211)
回答No.1
filter で、AlphaImageLoader を指定するスクリプトは、以下のような感じになるはずです。 <div onclick="this.style.filter=\"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image1.png')\""></div> # 試してません m(_ _)m
お礼
情報ありがとうございます。 この情報を元に試行錯誤してみます。