0

これについてウェブ上で非常に多くの質問を見てきましたが、その多くは PHP、ASP、JQUERY、およびその他の言語を使用しているようです。私は、CSS と Java Script に少しだけ精通しており、それは私が知っている言語でした。では、誰かがその質問に対する CSS と Java Script のコードを教えてもらえますか?

とにかく、更新するたびに変わるサイトの背景にも興味があります！

前もって感謝します！

サンプルコードを見つけたところ、完全に機能しています。

このフォーラムのクレジット: http://www.daniweb.com/web-development/web-design-html-and-css/threads/228324/load-different-background-image-when-user-refresh

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function changeImg(imgNumber)   {
var myImages = ["Background/Background.jpg", "Background/Background2.jpg", "Background/Background3.jpg", "Background/Background4.jpg", "Background/Background5", "Background/Background6", "Background/Background7"];
var imgShown = document.body.style.backgroundImage;
var newImgNumber =Math.floor(Math.random()*myImages.length);
document.body.style.backgroundImage = 'url('+myImages[newImgNumber]+')';
}
window.onload=changeImg;
</script>
<style type="text/css">
.bg {background-attachment:fixed; background-repeat: no-repeat; background-position:top right;}
</style>
</head>
<body class="bg">
<p>Some text</p>
<!-- put a lot text lines here to see that the background stays fixed. -->
<p>Some text</p>
</body>
</html>
4

2 に答える 2

0

たくさんの解決策：

すべてのファイルをフォルダーに格納します。

  1. インデックス番号を使用して、データベース テーブル内の画像にインデックスを付けます。特定範囲の乱数を生成し、乱数に対応する画像を表示する

  2. フォルダー内のすべての画像の名前を (1 - n) から変更します。乱数を生成し、/ を追加します。

ランダムな画像を取得したら、背景やその他の dom コンポーネントを次のような JavaScript で簡単に上書きできます。

document.getElementByTag('body').setAttribute('style','background-image:url('+<your image>+'));

jQueryでも簡単にできます。

于 2012-11-03T14:28:51.403 に答える
0

JQuery を使用して簡単に実行できます - 各リンクのクリック イベントを定義するだけです -

$(function(){
    $("link1").click(function(){
        $("body").css({background-image:"url('link1_image.gif')"}); 
    });
});​

更新ごとにランダムに画像をロードするには、 onload 関数を直接呼び出してランダムな画像を設定できます。

$(function(){        
    var images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];
    $('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
});​

うまくいけばうまくいくでしょう。ありがとう。

于 2012-11-03T15:16:59.580 に答える