ページの更新時にランダムヘッダイメージ、CSS jquery javascript？

私のウェブページのコードを見つけるのに助けが必要です。ヘッダーイメージを読み込むためのコードを持つ "customize.css"ページがあります。しかし、ヘッダーは "header.asp"にロードされ、インデックスページ "default.asp"にロードされます。私は私の質問は、私が作成したヘッダーイメージの4つのうちの1つをランダムに各ページのリロード/ヘッダーのリフレッシュで生成するために使うことができるものだと思いますか？ページの更新時にランダムヘッダイメージ、CSS jquery javascript？

このコードは、私の「customize.css」ファイルからです。コードを取得したら、ページにロードするために「背景イメージ：」に何を入れますか？

＃ヘッダー{ 色：#FFF。高さ：350px; background-color：transparent; 背景画像：ここには何を挿入しますか？; 背景位置：左上; background-repeat：no-repeat; }

私は答えの検索で過去1週間のフォーラム後のネットフォーラムを検索するが、1つを取得するには至っていないしています。誰にでもアイデアはありますか？おかげ

出典

2011-02-03 Clinton

は、私は変更のためのbackground-position CSSプロパティを指定したクラスを使用しています。このpage

のランダム画像ヘッダを参照してください。

出典

2011-02-03 15:10:43

それは私だったら、私は、ランダムな画像を提供するために別のWebサービスを作成します。私はPHPを使用しますが、あなたはASPでそれを行うことができると仮定します）。

#header { 
    background-image: url(/yourWebService.asp); 
}

サービスのいずれかをランダムに選択してそれに応じて戻します。

出典

2011-02-03 15:12:04 Dutchie432

は、あなたは私にこれを行うの一例を与えてもらえますか？ – Clinton

aspにはありません。 PHPの例のケア？ – Dutchie432

私は簡単に行きます。それぞれ異なる背景イメージを持つ4つの異なるクラスを定義します。ヘッダーASPスクリプトで、4つのクラスのうちの1つをランダムに選択し、そのクラスをコードに出力します。シンプルで、画像は表示されたときにキャッシュされ、JavaScriptを使用しないため、100％のブラウザ/ユーザーで機能します。小規模なプロジェクトでは、維持管理が簡単です。

ここで100種類の背景画像が得られたら、違うことをしたいと思うでしょう。

出典

2011-02-03 15:18:40

これをどうやってやりますか？あなたは例を挙げることができますか？ – Clinton

申し訳ありませんが、私はASPを話しません。擬似コード（あなたがそれを呼ぶことができれば）は、私があなたのためにできる最高のものです。 –

提案していただきありがとうございます。間違いなく正しい方向に数フィートのように見えます。 – Clinton

CSSでそれを行う唯一の方法は、ランダムな画像を返すURLを呼び出すことです。次のようなものがあります：

#header { color: #FFF; height: 350px; background-color: transparent; background-image: "/loadimage"; background-position: left top; background-repeat: no-repeat; }

しかし、画像を返す/ loadimageにサービスをコーディングする必要があります。

それはjavascriptを経由して、ページの読み込み時に画像を変更はるかに簡単になります。 imagesディレクトリに画像img0.jpg、img1.jpg、img2.jpgとimg3.jpgを持っていると仮定すると、あなたができる：あなたが行うことができます。

<body onload="document.body.background = '/images/img'+Math.floor(Math.random()*4)+'.jpg';" />

出典

2011-02-03 16:41:12

ページの更新時にランダムヘッダイメージ、CSS jquery javascript？

答えて

関連する問題