html - スクロール可能な画像の行

Question

x方向に沿って特定の回数繰り返す必要がある小さな画像があります。画像の「行」はスクロール可能である必要があり、可能であればテーブルを避けたいです。

これはHtml + Cssで行うことができますか? HTML コードは、PHP を使用して動的に生成されます。余分なアイデアはありますか？

ありがとう！

Answer 1

ajax があなたに最適な解決策を持っているのだろうかと思いますが、シナリオをあまりよく説明していません。同じ画像を繰り返してスクロール可能にするのはなぜですか? それは何に対しても有効な機能のようには思えません。背景画像などを拡大縮小しようとしていますか? もしそうなら、スクロールバーはどうなっていますか???

とにかくここに行きます： http://wowslider.com/rq/ajax-image-scroller/

Answer 2

ギャリーの答えは良いです。ただし、通常のスクロールバーだけが必要な場合は、動的領域 (画像をロードする場所) を div (またはキャンバス、おそらく同じように機能します) でラップし、そこにクラスを追加します。次に、CSS を使用してすべての画像をターゲットにし、それらをフロートさせることができます。これにより、動的にロードする数に関係なく、画像が整列します。(コンテナに幅を設定することを忘れないでください。)

これは次のようになります (簡略化されていますが、アイデアはわかります)。

div.image-container {
width: 400px;
overflow: scroll;
}

div.image-loader img {
float: left;
}

<div class="image-loader">
  <img/>
  <img/>
</div>