TOP未分類/写真・カメラ関係含む

ヘッダー画像がランダムに変化するようにカスタマイズしてみました。

昨日からブログのヘッダー画像がランダムに切り替わるように変えてみました。
横長に適した写真があまり無かったのですが、50枚程度の写真がランダムに変わるようになっています。

50枚程度あればたまに訪れてくれる方々なら同じ写真を見ること無く新鮮に思ってくれるかなぁ~と。
これから順次増やしておこうとは思いますが枚数を増やせばそれだけソースのHTMLが長くなるわけで読み込み時間に影響してきそうな気もするので100枚程度でやめておこうかなとも^^;

画像をランダムに表示させるために使ったスクリプトは以下。
枚数を増やしていく場合には
ranimg[0]と書かれているコードを増やして行って数字も4.5.6.7.....と順番に振っていけばよいだけです。
結構簡単にランダムに表示してくれちゃうんですね。

<script language="JavaScript">

<!--

ranimg = new Array();

ranimg[0]="画像のURL";

ranimg[1]="画像のURL";

ranimg[2]="画像のURL";

ranimg[3]="画像のURL";

xx = Math.floor(ranimg.length*Math.random());

ranimg = ranimg[Math.floor(xx)];

document.write('<img src="'+ ranimg +'">');

// -->

</script>


約50枚のヘッダー画像が気になる方は300回ぐらい更新ボタンを押して頂ければ全部見れるかも笑
ソースコードを見て画像URLをコピーして・・・と言うのは楽しみがなくなるのでやめて下さいね笑







【関連するタグ】

【ポストカード写真】 Photo by 管理人(Orca)

<<しゃぼん玉の無料写真素材/フリー画像素材 | ホームへ | 芝生広場で楽しく遊びたいな>>
  • 【】
【// :】
| ホームへ |