スポンサーサイト

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

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

前回【HTML】画像やバナー広告をランダム表示する方法という記事を書きましたが、
この方法では一度にひとつのコンテンツしか表示することができず、
”10個の内からランダムで3個ずつ表示する" というようなことが出来ないため
前回のスクリプトに若干変更を加えました。

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



<script language="JavaScript">


  var rand ;
  var ad = new Array( ) ;

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


  // ↓要素の追加は以下から 

    ad.push( ' ' );
    ad.push( ' ' );
    
  // ↑要素の追加ここまで


  rand = Math.floor( (Math.random( ) * 100 )) ;

  // ↓以下に表示したいコンテンツの数だけ行を追加していきます。
  // この例では5行あるのでコンテンツを5個表示します

  document.write( ad[rand % ad.length] ) ;
  document.write( ad[(rand + 1) % ad.length] ) ;
  document.write( ad[(rand + 2) % ad.length] ) ;
  document.write( ad[(rand + 3) % ad.length] ) ;
  document.write( ad[(rand + 4) % ad.length] ) ;


</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"> ' );


また、上で記述した複数の要素のうち、記事を3つずつランダムに表示したい場合はこう記述します。

  document.write( ad[rand % ad.length] ) ;
  document.write( ad[(rand + 1) % ad.length] ) ;
  document.write( ad[(rand + 2) % ad.length] ) ;


例えば10個の要素の内から3つの要素をランダムで表示したいときのスクリプトはこうなります。



<script language="JavaScript">

  var rand ;
  var ad = new Array( ) ;

  // ad.push('【ランダム表示する画像や広告のhtmlタグ】') という形で以下に記述
  // ここに10個のコンテンツを記述します。
 
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );
    ad.push( ' ' );

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


  rand = Math.floor( (Math.random( ) * 100 )) ;

  // 以下の行を3行にします。
  
  document.write( ad[rand % ad.length] ) ;
  document.write( ad[(rand + 1) % ad.length] ) ;
  document.write( ad[(rand + 2) % ad.length] ) ;

</script>




これで複数の要素を一度にランダム表示できます。
関連記事

トラックバック


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

コメントの投稿

この記事にコメントする
広告
最新記事
Recommended









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


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