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をコピーして・・・と言うのは楽しみがなくなるのでやめて下さいね笑






【関連するタグ】

【最新記事一覧】

02/24   【無料】ついに出た!花火撮影専用のカメラアプリ「大仙花火カメラ」誰でも簡単に綺麗に撮影が可能!
02/20   壊れたiPhoneからデータを取り出すことも可能な復旧ソフトが期間限定無料ダウンロード公開中
02/08   図書館やビデオレンタルで借りたDVDの紛失/破損による弁償は著作権補償処理のため高額請求されますのでご注意を!
02/02   不正レビューを大量削除!Amazonのカスタマーレビューランキングが復活更新しました! 
01/26   ここまで進んだGoogleドキュメントの自動音声入力!もうテープ起こしは無料アプリでOK!?
01/21   800万円の掛布団を販売する西川グループで聞いた羽毛布団の正しい使い方。
01/18   知らなきゃ損する!? Google翻訳アプリの自動OCR翻訳機能が凄すぎる!撮影するだけでOK
01/08   ヨーグルトについてのグダグタ個人メモ
01/08   新年あけましておめでとうございます!私にとって本年は腸元気の幕開けの年です。
12/27   Windows7で画像回転すると画像劣化するがロスレス回転ではしない?データ増加は?
12/18   スタジオアリスで初撮影 1年後の写真データダウンロードサービスが嬉しい
12/09   「プリントヘッドの種類が違います」とプリンターに表示された時の対処方法と修理実例(mg/mpシリーズ) メンテナンスモードに入ることが肝か!?

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

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