沖縄をＩＴで盛り上げる社長のブログ

今日の記事は、ちょっと技術的なことを・・・。

ブログのトップ画像ですが、
「自分で変更できますよ！」
という人は多くなってきた気がします。

画像を加工してアップロードし、
カスタマイズ画面にて、トップ画像の名前を変更するだけなので、
わかってしまえば簡単ですよね。(^^

でもランダムに変更するというのは、
またちょっとした技が必要になります。

この画像をごらんください。


何の変哲も無い画像だと思いきや、
表示する度に切り替わります。

同じことをカスタマイズ画面で、
トップ画像に行えばＯＫです。

このソースを参考にしてください。↓↓↓↓
<script language="Javascript" type="text/javascript">
<!--
img = new Array();
img[0] = "Image1141.jpg";
img[1] = "Image1140.jpg";
img[2] = "Image1139.jpg";
img[3] = "Image1138.jpg";
img[4] = "Image1137.jpg";
img[5] = "Image1136.jpg";
img[6] = "Image1135.jpg";
img[7] = "Image1134.jpg";
img[8] = "Image1133.jpg";
img[9] = "Image1128.jpg";
img[10] = "Image1126.jpg";
img[11] = "Image1125.jpg";
img[12] = "Image1124.jpg";
img[13] = "Image1123.jpg";
img[14] = "Image1122.jpg";
img[15] = "Image1121_2.jpg";
img[16] = "Image1127.jpg";

n = Math.floor(Math.random() * img.length);

document.write("<img src='//img05.ti-da.net/usr/excellent/" + img[n] + "' />");
//-->
</script>

トップ画像を置き換えられる人ならできるはず！(^^