1

ランダムな画像ボタンでランダムな画像ジェネレーターを作成しようとしている PHP 初心者です。ボタンをクリックすると、新しい画像が表示されます。これは一度しか機能しません。数回動作させるには何を変更すればよいですか？

コード：

<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script> 

function changeImage()
{
var img = document.getElementById("image");
img.src="/cats/<?php echo rand (1,92);?>.jpg";
return false;
}

</script>

</head>

<body>

<img id="image" src="/cats/<?php echo rand (1,92);?>.jpg" width="500" height="500" />
<br><br><br>
<button id="clickme" onclick="changeImage();">Click to change image!</button>
</body>

前もって感謝します！

4

3 に答える 3

1

JavaScript コードを調整します。

function changeImage()
{
    var random = Math.round(1+Math.random()*92); // random between 1 and 92
    var img = document.getElementById("image");
    img.src = "/cats/" + random + ".jpg";
    return false;
}
于 2013-06-26T19:57:41.630 に答える
1

PHPはサーバーサイド言語です。これは、クライアント側の JavaScript とは異なります。PHP コードは、ユーザーが最初にページにアクセスしたときに実行され、ページ コンテンツの生成に使用されます。ブラウザーはこのコンテンツを認識しますが、実際の php コードは認識しません。一方、JavaScript はブラウザーに送信され、ユーザーがページを開いている間、ブラウザーはそれを動的に使用します。たとえば、次の行です。

<img id="image" src="/cats/<?php echo rand (1,92);?>.jpg" width="500" height="500" />

たとえば、次のようにブラウザに送信されます。

<img id="image" src="/cats/37.jpg" width="500" height="500" />

それがブラウザに表示されるすべてになります。ユーザーがページを更新するまで、JavaScript 関数を実行するたびに画像37.jpgが表示されます。

于 2013-06-26T20:00:26.573 に答える