Google AdSense

画像を縁取る

| コメント(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で上書きされてしまいますので、先にロードされたスクリプトが動作しません。

ひとつ前の記事は「久々にHTMLの話 HTML5」です。

次の記事は「取り付けたばかりで不具合ETC」です。

トラックバック(0)

トラックバックURL: http://okanos.com/mt-tb.cgi/342

コメントする

スポンサードリンク

アーカイブ

Archives

ウェブページ

このブログ記事について

このページは、okanoが2008年2月 5日 19:47に書いたブログ記事です。

ひとつ前のブログ記事は「久々にHTMLの話 HTML5」です。

次のブログ記事は「取り付けたばかりで不具合ETC」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

このブログはさくらのレンタルサーバSAKURAで運用しMovable TypeMovableTypeで作成されています

Google AdSense

にほんブログ村 地域生活(街) 関西ブログ 神戸情報へにほんブログ村 自転車ブログへ にほんブログ村 自転車ブログ ポタリングへにほんブログ村 オヤジ日記ブログへにほんブログ村 フィードメーター - 中老SE岡野@神戸