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>