HTMLでトップページの画像およびリンクのランダム表示について

質問

どなたかお力を貸して下さい。
現在ＨＰを作成中なのですがそのＨＰのトップページに表示される画像と、
それとセットで商品名、購入ページへのリンクを更新する度にランダム表示になるようにできればと思っています。
添付画像の販売ページへ飛ぶという所でリンクをつけたいと思っています。
HTMLは
<h2>New!!新着製品</h2>

<div class="itemlist">
<div class="img"><a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="250" height="188" /></a></div>
<h3>機種名</h3>
<p>販売ページへ飛ぶ</p>
</div>

スタイルシートは
#main .itemlist {
border: 1px solid #CCCCCC; /*１個あたりのボックスのボーダー設定*/
padding: 5px;
overflow: hidden;
margin-bottom: 0.5em;
width: 673px; /*段落タグ（p）の横幅とサイズを合わせる設定です。この下二つのmarginも。*/
margin-right: auto;
margin-left: auto;
}

#main .itemlist h3 {
color: #000000;
border-bottom: 1px solid #cccccc;
border-left: 4px solid #CCCCCC;
padding: 0px 0px 0px 5px;
margin-bottom: 0.5em;
font-size: 100%;
}

#main .itemlist p {
padding: 0px;
}

#main .itemlist p, #main .itemlist h3 {
margin-left: 265px; /*画像の幅に合わせてここは変更する*/
}

#main .itemlist a img {
padding: 5px; /*写真と外線との余白*/
border: 1px solid #CCCCCC;
}

#main .itemlist a:hover img {
border: 1px solid #999999;
}

#main .itemlist div.img {
float: left;
}
なのですが相当難しいでしょうか？

回答No.2

noname#111181 · ベストアンサー

JavaScriptを使えば簡単にできますよ。

「画像をランダムに表示する」（http://javascript.eweb-design.com/0804_ri.html）が参考になるでしょう。

回答No.3

qaqa013

方法としては大まかに分けて2つ。
・JavaScriptを使ってクライアント側で処理
・PerlやPHPでサーバサイド側で処理
後者の方法だとさらにやり方2つほどあり。
・imgタグのsrcの値を変更する処理にする
・イメージファイルをリアルタイム呼び出す
<img src="hogehoge.php">などの様にphpやperlで経由して画像を出力する

回答No.1

BellBell

HTMLだけで作成するのは不可能です。
PHPなどで作るのであれば簡単な部類です。
PHPの本を買えば、大概ランダムテキストの表示(おみくじなど)が最初の方で解説されています。
その応用レベルでしかないですね。