• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
みなさんと“Contact”するためのBulletin board とりあえず備忘録として開設です。
[step1]
 まず、ランダム表示する画像を複数枚準備。

<ヘッダー画像の場合>
今何か画像を指定している人は、その画像と同じ大きさの画像を用意。まだ画像を指定していない方は幅930px、高さは[ヘッダー領域]、テキストエリア内で[height:?????px;]の「????」が画像の高さ。この値を変えれば任意の高さの画像を使う事が可能。

<背景の場合>
画像の大きさを合わせて複数枚用意。1280px×1280pxの指定が勝手にされてると思います。

[step2]
スタイルシートの欄にある「スタイルシート用画像」に画像を全部アップ。
画像をアップすると、画像のサムネイルとURLがリスト表示になったのを次のステップでコピペするのでページは閉じない。

[step3]
 画像ランダム君<http://img.abarth.me/>へ行く。
表示された画面にはテキストフィールドが並んでるので、URLをコピペしていく。ランダム表示なので順序は関係なし。
[レア画像]というテキストフィールドに入れた画像は、一定の確率でしか表示しない。変更可。
URLは(レア画像を除いて)二つ以上入力すればOK。

[step4]
 画面が切り替わり、URLが表示されます。そのURLがランダムに画像を表示するURLです。それをヘッダーに使用する場合は[ヘッダー領域]の背景画像のURLに設定、背景の場合は「ページの基本」→「ユーザー領域」に設定する。

背景用URL

http://bit.ly/1l02Cr9
ヘッダー用URL

background-image:url(http://bit.ly/M8EIhd);
© LY Corporation