可滚动的图像行

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>