ブログの中で、画像をランダムに変更したいケースがあると思います。
私も個人写真ブログで「今日のきまぐれフォトグラフ」ということで写真をランダム表示を使っています。
アクセスするごとに違う画像が表示されるので、訪問者の方も楽しくなりますし
少々放置していても、放置されている感が出づらいというメリットもありますね。（笑）
その方法ですが、とても簡単です。
※ＦＣ２ブログでの説明となります。他のブログでも、ＨＴＭＬをいじれれば使用可能です。
ブログ管理画面の
[環境設定]－[テンプレートの設定] を開き
以下のタグをブログＨＴＭＬの<BODY>間に挿入します。
とは言っても、ランダム画像を置きたい場所は間違いなく<BODY>間なので、
問題は無いと思いますが。
写真10枚ランダム表示の場合
--------------------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
<!–
simg=new Array(10);
simg[0]="http://jikokaiketu.net/wp/wp-content/img/1.JPG";
simg[1]="http://jikokaiketu.net/wp/wp-content/img/2.JPG";
simg[2]="http://jikokaiketu.net/wp/wp-content/img/3.JPG";
simg[3]="http://jikokaiketu.net/wp/wp-content/img/4.JPG";
simg[4]="http://jikokaiketu.net/wp/wp-content/img/5.JPG";
simg[5]="http://jikokaiketu.net/wp/wp-content/img/6.JPG";
simg[6]="http://jikokaiketu.net/wp/wp-content/img/7.JPG";
simg[7]="http://jikokaiketu.net/wp/wp-content/img/8.JPG";
simg[8]="http://jikokaiketu.net/wp/wp-content/img/9.JPG";
simg[9]="http://jikokaiketu.net/wp/wp-content/img/10.JPG";
Myimg=Math.floor(10*Math.random());
document.write("<center><img src=’"+simg[Myimg]+"’></center>");
//–>
</SCRIPT>
--------------------------------------------------------------------------------
変更するのは青の部分と、赤の数字だけです。
青の部分は、simg[1]の数字と、あらかじめアップロードした画像のURLを入れます。
画像の分だけ、
simg[●]="●●●●●●●●●●●●";
を用意します。simg[●]この番号は0からの連続番号にします。
赤の部分は、設定した画像の枚数に直して下さい。
３枚のみランダム表示の例
--------------------------------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript">
<!–
simg=new Array(3);
simg[0]="http://jikokaiketu.net/wp/wp-content/img/1.JPG";
simg[1]="http://jikokaiketu.net/wp/wp-content/img/2.JPG";
simg[2]="http://jikokaiketu.net/wp/wp-content/img/3.JPG";
simg[3]="http://jikokaiketu.net/wp/wp-content/img/4.JPG";
Myimg=Math.floor(3*Math.random());
document.write("<center><img src=’"+simg[Myimg]+"’></center>");
//–>
</SCRIPT>
--------------------------------------------------------------------------------
このあたりの簡単な技を使えば、ブログはもっと素敵になります。
…このブログも素敵にしろよ！って話ですけどね。笑
