Question

这里我试图从左到右加载3张图像然后等待3秒然后再从左到右加载。此过程每5秒继续一次。这里没有得到如何从左到右加载它，加载的图像应该只在一行。

我的意思是在这个例子中，图像从左向右移动，但它们将转到下一行。我不想去下一行。它们只是一个接一个地加载，只有从左到右的间隙。

在此[example] 1中，值淡出淡出。但我想像从左到右一样从左到右依次采用movemet / load图像（显示）从上到下加载（显示）图像

Answer 1

如果您不希望商品转到下一行，则您需要将其总宽度小于容器的100％。

10px + 80％+ 10px + 80％+ 10px + 80％> 100％

修改

解释：问题是你的右边距是80％

50%  {margin-right: 80%;}

这意味着80％的页面，这太多了。您需要做的是为最后两个对象的左边距设置动画，而不是为所有三个对象的右边距设置动画。你可以拥有的最大左边距应该是40％

50%  {margin-left: 40%;}

请注意，HTML中不应该有多个具有相同ID的元素，但是您可以拥有多个类，因此您的div应该看起来像

<div class="ui-block-b subdiv">

另请注意，您需要使用 /

关闭img标记

<img src="img/images.jpg"/>