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






【関連するタグ】

【最新記事一覧】

12/02   チェキフィルムが堂々の1位 スマホ用レンズが114 円!など。 Amazonのランキング大賞2016が発表
11/28   ライティング大全とも言える100種類以上の照明機材比較資料が無料公開
11/17   NikonのD5600は何がD5500と変わったのか。Snap Bridgeやフレームアドバンスバーが追加!
11/16   BBC製作「Planet Earth II」の鳥肌動画の撮影風景が360度全天周動画で公開中!
10/31   自作の錯覚画像 作成するのも楽しいですね。え?同じ色?まさかソッチに?
10/24   今回の撮影は何mmレンズを持っていけば良い? こんな疑問を簡単に解決できる計算サイト
10/15   無料のOCR「Google Drive」が定評のある980円の文字認識アプリに勝利!
10/13   え?暗室を新たに建設した大学があるらしい。デジタル時代だからこそ生徒には大人気!
10/12   ラジオの時代再到来!無料で過去の番組が聴けちゃうRadikoのタイムフリー聴取がついに開始!
10/05   Adobe公式のPhotoshop&Illustratorショートカット早見表
09/28   Photoshopを使って簡単に"より自然な"ナチュラルHDR画像を作成できるダブルマスキング法 
09/24   洗濯機が臭い!最後の最終兵器はミョウバン水洗浄!酸素系漂白剤や塩素系クリーナーよりも強力消臭してくれます。

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

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