好的,我几乎完成了这件事!非常感谢所有帮助/指导我的人。我尽可能多地投票给你。现在我只有最后一个问题 -
请看这个小提琴,然后点击“增加”按钮:http://jsfiddle.net/2C8fy/6/
单击增加按钮时,如何让图像平滑地向左滑动?第一个做到了,但其他人没有滑动。我已经尝试在动画功能中使用“left:' - = 50px'”,但这似乎弄乱了图像之间的间距(它仍然在那里它只是被注释掉了。如果你想看到,只需取出注释斜线它的作用......)。
答案 0 :(得分:0)
Html / CSS工作:
使图像容器#basic_div
绝对。用另一个div将图像包裹在容器内,称之为.frame
或其他东西。
将容器position: relative
和包装div放在容器position absolute;left:0;top:0;
内。
您现在可以为内部div而不是图像设置动画。
<强> JS:强>
减少动画帧左侧属性为左侧50像素。在动画结束时,删除第一个图像,并在第一个图像不再具有布局时将帧left
属性重置为0。这可以确保不会发生跳跃。