2007-02-06
僕も半透明 png を使うためのライブラリ作った!
いろいろと古い IE で半透明 png を使うための JS が紹介されています
- http://web.kankodo.net/2007/02/01-233315.html
- http://labs.unoh.net/2007/02/ie6_png_fix.html
- http://phpspot.org/blog/archives/2007/02/iepngjavascript.html
で、自分も使おうと思ったのですが。
ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。
意外と便利だったので公開します
デモ(IE5.5 or IE 6 で見てください)
http://usrb.in/amachang/static/AlphaLoader/demo.html
使いかた
- 半透明にしたい img 要素のあとに http://usrb.in/aj/apng.js を読み込む(img にはちゃんと width height を指定してください)
ダウンロードして使いたい場合
以下の二ファイルを同じディレクトリに置く
- http://usrb.in/svn/amachang/javascript/trunk/AlphaLoader/apng.js
- http://usrb.in/svn/amachang/javascript/trunk/AlphaLoader/apng.gif
例
<img src="hoge.png" width="100" height="100"><!-- ← こいつは透過される --> <script src="http://usrb.in/aj/apng.js"></script> <img src="fuga.png" width="100" height="100"><!-- ← こいつは透過されない --> <img src="piyo.png" width="100" height="100"><!-- ← こいつは透過される --> <script src="http://usrb.in/aj/apng.js"></script>
詳しい情報は
トラックバック - http://d.hatena.ne.jp/amachang/20070206/1170715555
リンク元
- 364 http://d.hatena.ne.jp/
- 334 http://b.hatena.ne.jp/hotentry
- 264 http://reader.livedoor.com/reader/
- 124 http://www.google.co.jp/ig?hl=ja
- 112 http://www.google.co.jp/search?sourceid=navclient-ff&ie=UTF-8&rls=GGGL,GGGL:2006-19,GGGL:ja&q=firebug
- 80 http://d.hatena.ne.jp/nazoking/20070206/1170767765
- 77 http://www.google.co.jp/search?hl=ja&q=firebug&btnG=Google+検索&lr=
- 65 http://b.hatena.ne.jp/entrylist?sort=hot
- 61 http://b.hatena.ne.jp/
- 55 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=HPNW,HPNW:2006-21,HPNW:ja&q=FireBug&meta=cr=countryJP
