Javascript 无休止的jQuery/CSS“;股票代码“;允许可变宽度内容的滑块

Javascript 无休止的jQuery/CSS“;股票代码“;允许可变宽度内容的滑块,javascript,jquery,html,css,slider,Javascript,Jquery,Html,Css,Slider,我正在寻找一个无休止的jQuery“ticker”/滑块,它可以处理各种宽度的图像 我已经试过了,甚至和开发人员谈过,但显然它只适用于固定宽度的项目。这是一个非常常见的约束,因为父HTML元素通常需要预定义的宽度 我找到了一个只使用CSS的解决方案(),但这有点麻烦,因为它只使用了一个很长的背景图像(加上跳跃) 有没有一种方法可以使用大量不同宽度的图像来实现这一点?显然是准确的,但是使用CSS解决方案不可能做到这一点,而不是为#图像设置动画,为包含所有图像的容器设置动画?@RedBreast无法

我正在寻找一个无休止的jQuery“ticker”/滑块,它可以处理各种宽度的图像

我已经试过了,甚至和开发人员谈过,但显然它只适用于固定宽度的项目。这是一个非常常见的约束,因为父HTML元素通常需要预定义的宽度

我找到了一个只使用CSS的解决方案(),但这有点麻烦,因为它只使用了一个很长的背景图像(加上跳跃)


有没有一种方法可以使用大量不同宽度的图像来实现这一点?

显然是准确的,但是使用CSS解决方案不可能做到这一点,而不是为
#图像设置动画,为包含所有图像的容器设置动画?@RedBreast无法正常循环,但是我想如果我准备放弃一个无缝的循环,它可能会工作。和背景解决方案完全一样,因为它仍然是一个图像。我们的想法是将X图像放在容器中,并复制此动画。@RedBreast背景图像解决方案明显平铺(即重复),从而隐藏跳转。如果你认为你可以用单独的图片来做,请这样做,我会接受你的答案@这是我根据你的建议所能做到的最好的:
#images {
  background: url(http://cl.ly/9BJG/collage.jpg);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
    -webkit-animation: slideshow 5s linear infinite;
    -moz-animation:    slideshow 5s linear infinite;    

}
@-webkit-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}
@moz-keyframes slideshow {
  0%    { left: 0; }
  100%  { left: -200%; }
}