PHPで画像と文章を同時に切り替えたい

Question

最近PHPの勉強を始めました。そこで、以下のような画像と文章が変数の値を保持したまま同時に切り替わるサイトを作りたいです。
http://bijo-oen.com
おそらくsessionを使うのだろうと思うのですが、具体的な手順がうまく思い浮かびません。どのような手順で開発すればこのようなサイトは作れるでしょうか？

Comments

[kei344]

具体的にどの部分の動作のことかを追記ください。

Answer 1

上記サイトで適当に名前を入力して送信したあとのページをブラウザの開発者ツールから見てみましょう。

Cookieにそのままusernameが保存されていることがわかります。
ページを読み込む際にkeyが'username'のCookieあるかチェックし、あればそのまま名前を画面に表示しているだけのような気がします。
この程度の仕組であれば、Sessionを使って状態を保持する必要もないかもしれませんね。
画像はリロードするたびにサーバ側がランダムな画像urlを返却する、あるいはクライアント側でページ読み込み時にランダムな画像URLに差し替えることで実現できます。
自動リロードの仕組みはクライアント側（Javascript）で定期的にリロードする処理を書けばよいです。

もちろん前提としてWebサーバ、PHP、Javascrip等の知識が必要になります。

Answer 2

参考サイトのメインビジュアルのことであればjsで操作しているんだと思います。

<img src="img/img001.png" alt="" name="img">
<div id="txt">テキスト</div>

// imgとtxtの長さを同じにする
img = Array("img001.png","img002.png"...);
txt = Array("テキスト１","テキスト２"...);
count = 0;
setTimeout("timer()",1000);

function timer() {
	count++;
	// 配列の長さチェック
	if (count == img.length) count = 0;
	// 出力
	document.img.src = img[count];
	document.getElementById("txt").innerHTML = txt[count];
	// 次のタイマー呼びだし
	setTimeout("timer()",1000);
}

これで1000ミリ秒ごとに順番に切り替わります。