0

私はcssとhtml、さらにはコーディングの初心者です。現在、ローカル パスを使用して独自のスタート ページを作成しています。これにより、ブックマークが html ファイルに読み込まれます。background-image コントロールはファイルを通過しstyle.cssます。css と html を介してランダムな画像をロードするための php スクリプトの作成に関するいくつかの解決策をグーグルで検索しました。さまざまな解決策を試しましたが、うまくいかないようです。だからここに行きます：

background-image を渡すための index.html ファイル:

<link rel="stylesheet" href="style.css" type="text/css" />

そしてstyle.css：

body {
background-image: url("Wallpaper01.jpg") ;

}

コードをダウンロードしたので、変更方法がわかりません。また、.jpg ファイルは、html および css と同じディレクトリにあります。

誰かがこれでランダムな画像を作るのを手伝ってくれませんか? それを行うコード、挿入する場所、または必要なものを提供してください。これは、何をすべきかを伝えるだけでなく、はるかに役立ちます。

誰かが私を助けてくれたら、どうもありがとう。ありがとう！

4

1 に答える 1

6

次のようなものを試すことができます：

<?php
  $bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames

  $i = rand(0, count($bg)-1); // generate random number size of the array
  $selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>

CSS (頭の中)

<html>
        <head>
            <title></title>
            <style type="text/css">
                <!--
                body{
                background: url(images/<?php echo $selectedBg; ?>) no-repeat;
                }
                -->
            </style>
        </head>
        <body>
             <!-- website -->
        </body>
    </html>

編集 (ユーザーのコメント)

<?php
          $bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames

          $i = rand(0, count($bg)-1); // generate random number size of the array
          $selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>

        <html lang="en"> 
            <head> 
                <meta charset=utf-8> 
                <link rel="stylesheet" href="style.css" type="text/css" /> 
                <title>Start Page</title> 
                <style type="text/css">
                        <!--
                        body{
                        background: url(images/<?php echo $selectedBg; ?>) no-repeat;
                        }
                        -->
                </style>
            </head>
            <body> 
                <div id="one">01 <div class="title">General</div> 
                <div class="links"> <a href="google.com">Google </a> 

                </div> 
            </div>
            </body>
        </html>
于 2012-12-27T02:08:53.007 に答える