バナーについて

　ホーム > バナーについて

バナーについて

　バナー設置法（ JavaScript 使用）

JavaScript を使用してバナーをより生かす設置法です。
この通りにやっても上手くいかない場合や、JavaScript を使いたくない場合は下の「バナー設置法（ JavaScript 不使用）」をご覧になってください。

こちらの方法では画像を２種類使います。


http://slime4.hp.infoseek.co.jp/banner.gif	http://slime4.hp.infoseek.co.jp/banner2.gif

バナーを表示したいページに以下のようなソースを挿入してください。

<html>
<head>

・・・・・・

<script type="text/javascript">
<!--
if (document.images) {
    imgBanner = new Image(109, 59);
    imgBanner.src = "http://slime4.hp.infoseek.co.jp/banner2.gif";
}
function setImage(name, src) {
    if (document.images) {
        document.images[name].src = src;
    }
}
// -->
</script>

・・・・・・

</head>
<body>

・・・・・・

<a href="http://slime4.hp.infoseek.co.jp/"
onmousedown="setImage('imgBanner', 'http://slime4.hp.infoseek.co.jp/banner2.gif')"
onmouseup="setImage('imgBanner', 'http://slime4.hp.infoseek.co.jp/banner.gif')"
onfocus="blur()"><img src="http://slime4.hp.infoseek.co.jp/banner.gif"
alt="" width="109" height="59" border="0" name="imgBanner"></a>

・・・・・・

</body>
</html>

上の赤くなっている部分をコピー＆ペーストしてソースに加えてください。
バナーがボタンのように動作するはずです。

設置例を示します。
クリックしてみてください。
動作の仕方が分かると思います。

（クリックしてもどこにも飛ばないようにしてあります。）

　バナー設置法（ JavaScript 不使用）

JavaScript を使用しない普通の設置法です。

こちらの方法ではこの画像のみを使います。

http://slime4.hp.infoseek.co.jp/banner.gif

そして、以下のような感じでリンクしてください。

<html>
<head>

・・・・・・

</head>
<body>

・・・・・・

<a href="http://slime4.hp.infoseek.co.jp/"><img
src="http://slime4.hp.infoseek.co.jp/banner.gif"
alt="" width="109" height="59" border="0"></a>

・・・・・・

</body>
</html>