画像を縁取る

02月

火曜日
2008

(2008年2月 5日 19:47) | コメント(0) | トラックバック(0)

前の記事は「デザイン試行錯誤中」です。

head要素で、bevel.jsをロードするscript要素を記述しておき、img要素のclass属性に"bevel"を指定するだけで、その画像に縁取りを与えたりシェード（影）を加えたりすることができます。

head要素内のscript要素
<script type="text/javascript" src="bevel.js" mce_src="bevel.js"></script>

img要素
<img src="bevel_test.jpg" mce_src="bevel_test.jpg" alt="デフォルト" class="bevel" />

もしwindow.onloadを使った別のスクリプトをロードしようとすると、後からロードされたスクリプトのwindow.onloadで上書きされてしまいますので、先にロードされたスクリプトが動作しません。

トラックバック(0)

この記事のトラックバックアドレス：
http://www.okanos.com/mt-tb.cgi/568/okanos/

トラックバックスパム避けのため、トラックバック URL 末尾の画像部分を数字列に書き換えてからご利用ください。