スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【HTML】画像やバナー広告をランダム表示する方法

広告をランダムに表示したいと思いスクリプトを探しましたが、画像やテキストをランダム表示させるものは有っても、ランダム表示させる要素としてHTMLタグを使用できるものが見当たらなかったので、JavaScriptを用いて自分で作ってみました。

ブログやホームページなどのHTMLにそのままコピー&ペーストして使えますので、どうぞご自由にご利用下さい。

以下のスクリプトをそのままコピーし、htmlの画像や広告を表示したい箇所に挿入してください。


<script language="JavaScript">

  var rand ;
  var ad = new Array( ) ;

  // 使い方
  // ad.push('【ランダム表示する画像や広告のhtmlタグ】') という形で以下に記述します。
  // 要素はいくつ追加しても構いません。  
  
  // ↓要素の追加は以下から 


    ad.push( ' ' ) ;
    ad.push( ' ' ) ;


  // ↑要素の追加ここまで

  rand = Math.floor( (Math.random( ) * 100 )) % ad.length ;
  document.write( ad[rand] ) ;

</script>


要素部分については、例えばこのように記述します。

ad.push( ' <iframe src="http://abc.jpg" border="0" frameborder="0"> </iframe> ' );


上のスクリプトに当てはめるとこうなります。


<script language="JavaScript">

  var rand ;
  var ad = new Array( ) ;

  // 使い方
  // ad.push('【ランダム表示する画像や広告のhtmlタグ】') という形で以下に記述します。
  // 要素はいくつ追加しても構いません。  
  
  // ↓要素の追加は以下から 

    ad.push( ' <iframe src="http://abc.jpg" border="0" frameborder="0"> </iframe> ' );

  // ↑要素の追加ここまで

  rand = Math.floor( (Math.random( ) * 100 )) % ad.length ;
  document.write( ad[rand] ) ;

</script>


以下のように複数の要素を指定できます。(というか複数ないとランダム表示の意味がないですね^^;)

ad.push( ' <iframe src="http://abc.jpg" border="0" frameborder="0"> </iframe> ' );
ad.push( ' <img border="0" width="125" height="125" alt="" src="http://www.xxx.net/a.jpg"> ' );
ad.push( ' <a href="http://cde.net/efg/ghi" target="_blank"> ' );


ブログやホームページなどのHTMLにそのままコピー&ペーストして使えますので、どうぞご自由にご利用下さい。

関連記事

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

コメントの投稿

この記事にコメントする

No title

使わせて頂きます。

No title

どうもありがとう、できた!助かった、ありがとう!!!

No title

javascriptは勉強中ですが、まだプログラムを自由に組めないというか本と睨めっこ状態なのでこういうのは非常に助かります。ありがとー^^

No title

これは凄いですね!神です!ありがとうございました
広告
最新記事
Recommended









カテゴリータグ
月別アーカイブ
広告


 
このページのトップへ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。