« ゲームセンターCX DVD-BOX5 有野課長の名刺も5枚目です。 | トップページ | コミケ75 ストライクウィッチーズ 第501統合戦闘航空団(501st Joint Fighter Wing)クルー用識別帽 テラ硬派なストパングッズ »

2008年12月28日 (日)

WEB拍手のページを少しいじる(ランダム表示画像をJavaScriptで)

最近、web拍手のページで、大量の画像のランダム表示がされるようになっているサイトさんをみて、大変うらやましく思ったので私も真似してみました。

JavaScriptなので、動かない人がいたらごめんなさい。

とりあえず、ためしに40枚程度の画像を読み出すようにしてみましたですよー。ソースは以下のとおり。

・Web拍手のお礼画面に書いたソース内容(例)
<iframe src="http://piyopiyo.com/hogehoge.html" Width="820" Height="920" frameborder="0" Align="Center"></iframe><br>ありがとうございました!

JavaScriptを埋め込んだhtmlファイル(この場合hogehoge.html)をインラインフレームで呼び出すだけです。WidthとHeightのサイズは、表示したい画像サイズに合わせて調整します。

・hogehoge.htmlのソース内容(例)
<HTML>
<HEAD>
<TITLE>img src</TITLE>
</HEAD>
<BODY>
<CENTER>
<SCRIPT language="JavaScript">
<!--
img = new Array();
img[0] = "http://piyopiyo.com/img0001.jpg";
img[1] = "http://piyopiyo.com/img0002.jpg";
img[2] = "http://piyopiyo.com/img0003.jpg";
img[3] = "http://piyopiyo.com/img0004.jpg";
img[4] = "http://piyopiyo.com/img0005.jpg";
img[5] = "http://piyopiyo.com/img0006.jpg";
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' border='0'>");
//-->
</SCRIPT>
</CENTER>
</BODY>
</HTML>

配列に読み出したい画像の直リンクアドレスを入れて、ランダムにimgタグを生成。上の場合は6枚の画像がランダムに表示されるということで。7枚目以降も行を増やせばとりあえず、それでOKだと思います。どこでもいいので、適当な場所に保存して、お礼画面から呼び出すと~。

Web上の情報をあさって自分なりに改造した結果、とりあえず40枚程度のランダム画像表示が動いたので満足ですー。

、、、、でもムリヤリくさいので数が増えると重くなる予感ww

以上、WEB拍手のページを少しいじる(ランダム表示画像をJavaScriptで)でした。

|

« ゲームセンターCX DVD-BOX5 有野課長の名刺も5枚目です。 | トップページ | コミケ75 ストライクウィッチーズ 第501統合戦闘航空団(501st Joint Fighter Wing)クルー用識別帽 テラ硬派なストパングッズ »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1009815/26582826

この記事へのトラックバック一覧です: WEB拍手のページを少しいじる(ランダム表示画像をJavaScriptで):

« ゲームセンターCX DVD-BOX5 有野課長の名刺も5枚目です。 | トップページ | コミケ75 ストライクウィッチーズ 第501統合戦闘航空団(501st Joint Fighter Wing)クルー用識別帽 テラ硬派なストパングッズ »