昨日の画像の枠を表示させない方法の応用編です。
BlogPeopleのリンクリスト表示で画像に枠が表示されるのを回避出来ます。
もちろん今回もBlogPeople以外でも使えます。
貼り付ける素材の前後に以下のスクリプトを設定すればOKです。
<SCRIPT type="text/javascript">
<!--
imgnum = -1;
if(document.getElementsByTagName) {
imgnum = document.getElementsByTagName("IMG").length;
}
//-->
</SCRIPT>
<!--
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>
<!--
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>
貼り付ける素材
<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>
<script type="text/javascript" src="uploadしたURL/border_unset.js"></script>
(2006.12.20 追記)
ブログ人のバージョンアップでもっと簡単になりました。
こちらを参照下さい。