アニメ応援バナーがランダムで切り替わるJavaScript

2011 01/29 13:29 - Posted in アニメ情報

アニメ公式サイトで応援バナーが公開されています
http://www.idolmaster-anime.jp/banner/index.html
ブログなどのWEBサイトを持っている方は誰を貼ろうか迷っているはず！
そこで、ランダムに画像が切り替わるScriptを書いてみました。

◆200px×40px版ソースコード

<script type="text/javascript">
<!–
document.write(‘<a href="http://www.idolmaster-anime.jp/" target="_blank"><img src="http://www.idolmaster-anime.jp/banner/img/bn01_’);
num = Math.floor(Math.random() * 13);
ar=["haruka.jpg","miki.jpg","chihaya.jpg",
"yayoi.jpg","yukiho.jpg","makoto.jpg",
"ami.jpg","mami.jpg","iori.jpg","azusa.jpg",
"takane.jpg","hibiki.jpg","ritsuko.jpg"];
document.write(ar[num]);
document.write(‘" border="0" width="200" height="40" alt="THE IDOLM@STER" title="THE IDOLM@STER" /></a>’);
// –>
</script>

◆180px×180px版ソースコード

<script type="text/javascript">
<!–
document.write(‘<a href="http://www.idolmaster-anime.jp/" target="_blank"><img src="http://www.idolmaster-anime.jp/banner/img/bn02_’);
num = Math.floor(Math.random() * 13);
ar=["haruka.jpg","miki.jpg","chihaya.jpg",
"yayoi.jpg","yukiho.jpg","makoto.jpg",
"ami.jpg","mami.jpg","iori.jpg","azusa.jpg",
"takane.jpg","hibiki.jpg","ritsuko.jpg"];
document.write(ar[num]);
document.write(‘" border="0" width="180" height="180" alt="THE IDOLM@STER" title="THE IDOLM@STER" /></a>’);
// –>
</script>

ちなみにFC2ブログへの貼り方は以下のサイトを参考にしました
FC2ブログでJavaScriptが動作しない件について
関連：アニマスの動くバナーをでっち上げる。 | アイマス感想ブログ（仮）

Tweet

16 Comments

16 Comments

1. No.17343 | 匿名 | 2011/01/29 - 15:42
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   うわ！　こういうの、すんごく助かります。
   作ってくれた人に感謝々々。
   さっそく貼ってみます！

2. No.17344 | 匿名 | 2011/01/29 - 15:45
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   うぉおすごいなこれ

3. No.17345 | 匿名 | 2011/01/29 - 16:14
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   GJという言葉はこういうときに使うのだな

4. No.17346 | 名無しP | 2011/01/29 - 17:42
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   管理人GJ
   早速使わせていただきました！

5. No.17347 | 名無しP | 2011/01/29 - 19:58
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   あなたが神か

6. No.17348 | 匿名 | 2011/01/29 - 20:09
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   これ主が作ったのか？すげえな

7. No.17349 | 名無しP | 2011/01/29 - 20:16
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   成る程、さっぱりわからん

8. No.17350 | 名無しP | 2011/01/29 - 21:19
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   ここがファンサイトトップだぜ…

9. No.17351 | 匿名 | 2011/01/29 - 22:13
   ID：==

   SECRET: 0
   PASS: 74be16979710d4c4e7c6647856088456
   さすが、ありがとうございます。

10. No.17352 | 　 | 2011/01/29 - 23:21
    ID：==

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    すごい…感謝、ひたすら感謝です。

11. No.17353 | 名無しP | 2011/01/29 - 23:27
    ID：==

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    頑張れ管理人…お前が…No,1だ…！

12. No.17354 | 匿名 | 2011/01/29 - 23:42
    ID：==

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    これはGJすぎる
    本業：プロデューサー軍団の本気が久しぶりに見られて嬉しいぜ…

13. No.17355 | 名無しP | 2011/01/30 - 02:14
    ID：==

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    色々するＰもいるんだなぁ。ともあれ乙。

14. No.17356 | 名無しP | 2011/07/09 - 15:55
    ID：==

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    アニメ化を期にバナー探してました！
    早速使わせていただきますね！

15. No.17357 | アンシェント | 2011/10/10 - 19:37
    ID：==

    SECRET: 0
    PASS: 1d8922d005309356634c3114859436f2
    ありがとうございます！
    使わせていただきます！！
    貴音可愛いよ貴音！

16. No.17358 | 秋♪ | 2011/11/28 - 00:18
    ID：==

    SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    これ、素敵だと思います！
    しかし、私のブログでは表示されないようです･･･
    もしよろしかったら、使えるような設定．．．
    バージョンを、お願いします((
    あ、はてなダイアリーです；；

コメントを書く

トラックバック