CSSの背景ランダム

Facebookにプッシュ!
Twitterへプッシュ!
Plurkのためにプッシュ!


今日、私は今、CSSの内部で書かれて人気があり、別の背景の背景に個人ブログをしたい。
いくつかの写真を選んだが、CSSだけで背景を設定することができます。
として

  A
 2
 3
  BODY {
	 url ( http : //img401 .imageshack .us/img401/ 7982 /speedlikecy01.jpg ) center no-repeat 背景:URL(http:/ / img401 ImageShackの.us/img401 / 7982 / speedlikecy01.jpg)センターなしリピート
	 } 

しかし、少しだけ退屈を感じて、1に設定することができます。
理想を考えると、あなたのブログを開くたびにランダムに別の背景が表示されます。
ランダムCSS背景rotater

インターネット上で見つけることが、内部Webページに埋め込まれている必要があります。 これは単に、PHPやHTMLを変更することです。
私はCSSの背景へのURLを選択し、自動的にランダムに異なる背景を表示します。

理想的に加えてネットワーク上で検索し、最終的に達成するために単純なPHPを使用するのではと思いました。

ダウンロードrandom_css_background.php
  A
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
  <?PHPの

 / ************************************************* ****************************** 
  *デバッグ用のメッセージを削除しないでください 
  *タイトル:random_css_background.php 
  *バージョン:1.0 @ 2010年7月9日 
  *著者:speedlikecy 
  *ウェブサイト:speedlikecy.001zone.com 
  ************************************************** ****************************** 
  ここhttp://diy.001zone.com/blog/352/random-css-backgroundから詳細を得ることができます 
  サンプルspeedlikecy.001zone.comを確認してください 
  それを使用すると、何らかの理由で私に連絡すること自由に感じてください。 

  機能: 
  ランダムとCSSのスタイルのために、出力画像のリンクを回転させる 

  使用法: 
  1.Downloadこのサンプルコードを編集します。 "Random_css_background.php" 
  ウェブサイトへの2.Upload。 
  CSSスタイルで3.Replace URL "の背景:URL(http://example.com/random_css_background.php)"。 
  ************************************************** **************************************************************** /

 / /に画像URLを設定する
 / /画像の位置を設定します。
 array ( $画像= 配列 
		 "HTTP :/ / img541.imageshack.us/img541/378/smilesn.jpg"
		 "HTTP :/ / img401.imageshack.us/img401/7982/speedlikecy01.jpg"
		 "HTTP :/ / img338.imageshack.us/img338/9566/speedlikecy02.jpg"
		 "HTTP :/ / img535.imageshack.us/img535/75/taiwanlanyu.jpg"
		 "HTTP :/ / img686.imageshack.us/img686/1931/togetherhand.jpg"
 。)

 / /ランダム機能
 / /乱数関数
		 time ( ) ) ; srand関数  時間 ());

 / /画像番号にする(RAND()%5)設定します。このサンプルは5です
 / /画像の数を設定します。
		 ( rand ( ) % 5 ) ; $ランダム=( ランド ()%5);

 / / URLへの出力
 / /出力結果
		 'Location:' . $images [ $random ] ) ; ヘッダ ( '場所:' $画像[$ランダム]);
 ?> 

使用方法:

random_css_background.zip
コピーまたは、上記のコードをダウンロードして変更し、インターネットにアップロードします。
URL(http://example.com/random_css_background.php):このような背景として、CSSを変更します。
完了しました。

例:

speedlikecy.001zone.com
各ツアーは、ランダムに背景画像を置き換えます。


他の使用:

CSS + DIV。

ダウンロードsample.css
  A
 2
 3
  #{Random_img
	 url ( http://example.com/random_css_background.php ) center no-repeat ; 背景:URL(http://example.com/random_css_background.php)中心ノー繰り返し;
	 } 
  A
  <div id="random_img"> <!---あなたの含まれている---> </ DIV> 

への直接呼び出し

  A
  <img src="http://example.com/random_css_background.php"/> 

いいえ、投稿があることを示します。


応答を残しなさい

XHTML:これらのタグを使用することができます。 <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>