散らばった画像が右から左へ動くホームページの作り方

質問

私はHTMLを少し勉強しまして、Dreamweaverでweb製作をしたことがある程度の初心者です。
JQueryも本を読みながら、何とか少し使いました。
JavaScriptとHTML5は勉強しておりません。

この度小さなお菓子やさんを開くことになり、そのホームページを作るのですが、
トップページを次のようなものにしたいと思っております。

1.大小様々な円形の画像が、水玉模様のように散らばっている。
2.その画像は右から左にゆっくりと、ずっと動いている。左に消えた画像はまた右から出てくる。
3.画像にカーソルを置くと画像の動きが止まり、その画像（お菓子）の
説明が表れる。（表れ方はまだ考えておりません。）

お手本になるようなサイトやJQueryプラグインのサンプルが見つからず、
何かヒントやサイトをご存知でしたら教えていただけないでしょうか。

スマートフォンへの対応は後にしまして、まずはPC・タブレット用の
ページを作りたいと思っております。
よろしくお願いいたします。

回答No.3

wmin-2014

他の方も書いてますが、Flashで作成するのが一番理想に近いでしょう。
jQueryなら、複数のアイテムを同時にスライドできる「ayaSlider」があります。

参考：
https://dl.dropboxusercontent.com/u/3241507/ayaslider/index.html
http://kachibito.net/web-design/ayaslider.html

ただし、こういうスクリプトは動かすアイテムが多いためコーディングが複雑になります。
また、ブラウザによっては挙動が変わる場合があるので、サイトを見に来る対象となるユーザーの環境を考慮してから検討された方が良いと思います。

回答No.2

noname#242220

Flashムービとして作成します。
基本的にはHTML４の環境です。

項目３は『マウスオーバー」の処理を記載すれば
カーソルが画像の上に来れば説明が表示、クリックするとジャンプ。

HTML５には画像制御のコードも有りますがＩＥは最新バージョンが必要。

回答No.1

ONEONE

どうすればーっていうのは試行錯誤が必要かと思います。

自動スライドは以下をつかって、 imgを丸くしたり、配置の調整はCSSで行えばなんとかなりそう
http://it-pocket.com/slide-auto