-1

Jquery または PHP のいずれかを使用して、リロード時に背景画像とタグライン/コピーを変更してホームページを作成することは可能ですか?

クライアントの Web サイトでフル画像の背景を使用しており、各背景画像に合わせた特定の見出しとコピーがあります。私の計画では、4 ～ 6 個の画像とキャッチフレーズ/コピーを使用することでした。

背景画像のテキスト部分を作成したくありません。検索エンジンに有利にならないからです。

リロードまたはコピー時に背景画像を変更するようにコーディングする方法は知っていますが、両方を同時に変更することはできません。そして、これらの両方の要件を満たす解決策を見つけることができませんでした。

私は本当にデザイナーでプログラマーではないので、お手柔らかにお願いします。ありがとう。

4

1 に答える 1

0

ユーザーがリロードするたびに、背景画像とテキストをランダムに選択します。これはかなり簡単なはずです。これはすべて Javascript または PHP で行うことができます。私はPHPに行きます。

ファイルの上部付近でこれを行います。

<?php

    // Generate a random number.
    $random = rand(0, 2);

    // Set up messages, and fetch a random one.
    $messages = array(
        array("heading" => "foo", "body" => "123"), 
        array("heading" => "bar", "body" => "456"),
        array("heading" => "bad", "body" => "789")
    );
    $message = $messages[$random];

?>

次に、HTML で PHP ファイルをさらに下に移動します。

<body class="background-<?= $random ?>">
    <h1><?= $message['heading'] ?></h1>
    <p><?= $message['body'] ?></p>
</body>

また、CSS で背景画像のランダム化を行うことができます。

body.background-0 { background: red; }
body.background-1 { background: green; }
body.background-2 { background: blue; }
于 2012-05-29T16:06:44.147 に答える