在动画中隐藏平衡图像

Question

动画代码jquery工作正常，但整个图像都出现了。我希望只有一个图像以顺序方式出现。我试过循环但不工作。任何人都可以纠正代码吗？

<div class="banner" id="first-banner"> <img src="http://www.xyz.jpg"> </div>
<div class="banner" id="first-banner"> <img src="http://www.xyz2.jpg"> </div>
<div class="banner" id="first-banner"> <img src="http://www.xyz3.jpg"> </div>

JSFIDDLE

Answer 1

请更新您的CSS：

现有CSS（有错误）： -

.img {
    width: 400px;
    height: 150px;
    postion: absolute
}

新CSS

img {
    width: 400px;
    height: 150px;
    position: absolute;
}

希望这有帮助！