javascript - 在 jQuery 中连续滚动包含图像的水平滚动条？

Question

我想做这样的事情:http://javascript.about.com/library/blcmarquee1.htm

但是我引用的脚本似乎有点滞后(过时？)，所以我想知道是否有人知道更好的解决方案。 (欢迎使用 jQuery 解决方案。)

Answer 1

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

http://logicbox.net/jquery/simplyscroll/

更新:我现在已经在生产代码中使用了它。该插件能够非常流畅地循环 70+ 150×65px 图像 - 我尝试过的许多与此类似的其他插件都失败了。

注意，它在 IE 6/7 中因 z-index 问题而造成严重破坏，并且没有显示出来等。 - 但这也可能部分归因于我的 CSS。对于那些在 IE 中根本没有显示它而遇到问题的人，请查看标准 IE z-index 修复:http://www.google.com/search?q=ie+z+index+issues

最新更新:实现此类插件时需要考虑的其他事项:

• 要滚动的项目数量和内容类型。我发现，当您要滚动的图像超过 15 个时，该数字就会开始出现故障。
• 我发现许多此类插件与旧版本的 jquery 相关
• 如果滚动图像的大小都相同，我尝试过的许多插件只有在所有图像大小相同的情况下才有效，但在教程中没有明确说明。我相信然后插件运行然后设置一串 li 标签，这些标签都是 x 宽，然后计算它们全部链接在一起的总距离来管理滚动。
• 效果 - 有些会连续滚动，有些会移动一张图像，暂停一秒钟，然后移动另一张图像

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

http://caroufredsel.frebsite.nl/

http://sorgalla.com/jcarousel/