昨日の会社の納会から帰宅。
そのまま家で飲み続けてたら、する予定無かったのに、ブログを弄ってる自分がいる。

今まで付けてなかった“社員ブログのリンク”。
テキストだけってのもアレなんで、『忍者ブログ』のトップページのように、画像で並びをシャッフルさせようと、忘れかけてるJavaScriptと格闘の末、完成。




まず、外部JavaScriptファイルを作成。
名前を shuffle.js とする。
中身は↓こんな感じ。

var images = {
	// 画像とジャンプ先の URL のペア
	url : [
		['http://blog.ninja.co.jp/img/staff_gaya_small.jpg', 'http://gaya.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_mizun_small.jpg', 'http://samurai.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_takanori_small.jpg', 'http://takanori.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_sakiko_small.jpg', 'http://noichi.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_takagi_small.jpg', 'http://tadaima.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_nishizaka_small.jpg', 'http://4jslove.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_koba_small.jpg', 'http://alug.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_matano_small.jpg', 'http://gososuke.blog.shinobi.jp/'],
		['http://file.www.bluemirage.com/staff_harehare_small.jpg', 'http://harebarekai.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_kayotaso_small.jpg', 'http://kayotaso.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_yanma_small.jpg', 'http://yanma.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_ruri_small.jpg', 'http://duuuuuuuury.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_tsunokawa_small.jpg', 'http://orukubeki.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_nari_small.jpg', 'http://n385.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_shino_small.jpg', 'http://gai.jp/'],
		['http://blog.ninja.co.jp/img/staff_ivan_small.jpg', 'http://ivans.blog.shinobi.jp/'],
		['http://file.www.bluemirage.com/staff_mochy_small.jpg', 'http://yokkumokku.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_mouse_small.jpg', 'http://96mouse.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_yskn_small.jpg', 'http://yskn.blog.shinobi.jp/'],
		['http://blog.ninja.co.jp/img/staff_monika_small.jpg', 'http://nimonica.blog.shinobi.jp/']
		],

	// 順番のシャッフル
	shuffle : function() {
		for (i = this.url.length; i > 0; --i) {
			tmp = this.url[p = Math.floor(Math.random()*i)];
			this.url[p] = this.url[i-1];
			this.url[i-1] = tmp;
		}
	},

	p : 0, // 表示画像のポインター

	// 画像表示
	put : function() {
		document.write('<a href="'+this.url[this.p][1]+'"><img src="'+this.url[this.p++][0]+'" /></a>');
		if (this.p >= this.url.length) this.p = 0;
	}
} ;
	
images.shuffle();

これを、［管理ページ］の［ファイルアップロード］からアップ。





次に、［プラグイン設定］の表示させたい位置にプラグインを追加。
中身は↓こんな感じ。
ちなみに、表示させたい画像の数だけ<script>〜を書く。
※今回は、20個の画像を表示させたいので、20個。

<div>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
<script type="text/javascript">images.put();</script>
</div>

そして、テンプレートの編集。
HEAD内に、<script type="text/javascript" src="http://file.ブログのURL/shuffle.js"></script> を追加。

うちの場合は、<script type="text/javascript" src="http://file.www.bluemirage.com/shuffle.js"></script>


ちなみに、staff_harehare_small.jpg、staff_mochy_small.jpg、staff_matano_small.jpg だけ画像のサイズが違った（26*26px）のでサイズ修正（22*22pxに）して、これだけ［管理ページ］の［ファイルアップロード］からアップ。







で、更に飲み続け…　徹夜明けなワケです…

[0回]