Javascript 在jQuery中连续滚动包含图像的水平股票代码？

我想这样做：

---

不过，我引用的脚本似乎有点过时，所以我想知道是否有人知道更好的解决方案。（欢迎使用jQuery解决方案。）

和

刚刚发现了这个-jQuery驱动，并且有图像。我打算在当前的项目中使用它

更新：我现在已经在生产代码中使用了这个。该插件能够非常流畅地循环70+150×65px的图像，而我尝试的其他一些类似的插件都失败了

注意，IE 6/7中的z-index问题给它带来了巨大的破坏，它没有出现，等等，但这也可能部分是因为我的CSS。对于在IE中根本没有显示的任何人，请查看标准IE

z-index

fixes：

最新更新： 添加插件时需要考虑的事项：

• 要滚动的项目数和内容类型。我发现一个数字，当你有超过15张图片要滚动时，这个数字就会开始出现问题
• 我发现了许多与jquery旧版本相关的插件
• 如果滚动图像大小相同，那么我使用的许多插件只有在所有图像大小相同时才起作用，但在教程中没有明确说明这一点。我相信插件会运行，然后设置一个x宽的li标签串，然后计算它们链接在一起的总距离来管理滚动
• 效果-一些会持续滚动，另一些会移动一个图像暂停一秒钟，然后移动另一个图像

我现在也发现这两个滚动插件非常好

---

只是一个想法。你能这样做吗

<style type="text/css">

.imgwindow{
width:500px; //or whatever
height:65px; //or whatever
position:relative;
overflow:hidden;
}

.imgholder{
min-width:2000px;
height:65px;
position:absolute;
left:-200px;
}

.inline-image{
display:inline-block;
}

</style>

<script type="text/javascript">

var img;

function imgScroll(){
 img = $(".inline-image").first();
 img.animate({width:0},2500,'linear',function(){
   img.remove();
   $(".imgholder").append(img);
   imgScroll();
 });

}

$(document).ready(function(){

imgScroll();  

});

</script>

imgwindow先生{
宽度：500px；//或其他
高度：65px；//或其他
位置：相对位置；
溢出：隐藏；
}
伊姆戈尔德先生{
最小宽度：2000px；
高度：65px；
位置：绝对位置；
左：-200px；
}
.内联图像{
显示：内联块；
}
var-img；
函数imgScroll（）{
img=$（“.inline image”）.first（）；
动画（{width:0}，2500，'linear'，function（）{
img.remove（）；
$（“.imgholder”）。追加（img）；
imgScroll（）；
});
}
$（文档）.ready（函数（）{
imgScroll（）；
});

还有html

<div class="imgwindow">
  <div class="imgholder">
   <img class="inline-image" src="image1" /><img class="inline-image" src="image2" />...
  </div>
</div>

...

有没有包含图像的连续标签的示例？我没有在线示例，但我已经用图像玩过了，它相当不错。这个插件不是连续的（但如果你不需要这个功能，它非常不错）。做你在：）+1中显示的事情。很好的例子。清理现场和文件。caroufredsel+1。对于任何感兴趣的人，在这里你可以找到一个很好的例子用法：如果你想要一个更详细的答案，请提供一个更具体的问题。例如，您希望滚动哪些内容/水平与垂直，连续循环与用户控制，有多少项，如果图像有多大？etc@megaSteve4什么内容不重要，但在这种情况下，是图像。我希望它们水平滚动，正如标题所示（正如我链接的示例所示）。一个连续的循环就可以了。它应该适用于任何大小的内容/图像。你的答案是目前为止最好的！