目的地はアウトドアライフ

目的地はアウトドアライフ

サイドバーに画像枠を表示させない方法2

2005-10-21 20:54:50 | Flash/HTML

昨日の画像の枠を表示させない方法の応用編です。
BlogPeopleのリンクリスト表示で画像に枠が表示されるのを回避出来ます。
もちろん今回もBlogPeople以外でも使えます。
貼り付ける素材の前後に以下のスクリプトを設定すればOKです。

<SCRIPT type="text/javascript">
<!--
imgnum = -1;
if(document.getElementsByTagName) {
  imgnum = document.getElementsByTagName("IMG").length;
}
//-->
</SCRIPT>

    貼り付ける素材

<SCRIPT type="text/javascript">
<!--
if(imgnum >= 0) {
  for(var i=imgnum+1; i <= document.getElementsByTagName("IMG").length; i++ ) {
    document.getElementsByTagName("IMG")[i-1].style.borderWidth = "0px";
  }
}
//-->
</SCRIPT>

昨日のは直前のIMGタグのみの枠を消す方法でしたが、今回は挟み込んだ素材全ての枠を消す事が出来ます。
透過gifで枠が表示されてしまっては、もとこもありませんのでつくってみました。

一応、InternetExplore6.0 SP2、Netscape 7.1ではこの方法で問題はありません。
他は環境を持っていないので確認出来ません。

色々な場所で使う場合は、javascriptを外部ファイル化した方が良いかもしれません。
以下をダウンロード後、自分のBLOGにアップロードして下さい。
□複数の画像枠消去
border_unset_pre.js
border_unset_post.js
設置方法

<script type="text/javascript" src="uploadしたURL/border_unset_pre.js"></script>
貼り付ける素材
<script type="text/javascript" src="uploadしたURL/border_unset_post.js"></script>

□直前の画像枠消去
border_unset.js
設置方法

貼り付ける素材
<script type="text/javascript" src="uploadしたURL/border_unset.js"></script>

(2006.12.20 追記)
ブログ人のバージョンアップでもっと簡単になりました。
こちらを参照下さい。