不使用闪光灯的幻灯片横幅答案

【问题标题】：slideshow banner without using flash不使用闪光灯的幻灯片横幅
【发布时间】：2012-05-10 10:15:54
【问题描述】：

我想为我的网站制作一种重复的幻灯片横幅，但我需要一些关于如何做的帮助。我想要的最好的例子是在 play.com 网站上，他们有一个包含 5 张不同幻灯片的横幅，网站在 X 时间后在它们之间滚动，但用户也可以点击底部的编号按钮之一要跳过的横幅。

我正在考虑使用 HTML、CSS、JavaScript、AJAX 和 PHP 来完成这项工作。我已经设置了一个 Ajax 脚本，该脚本已经链接到一个 php 页面，该页面将在某个时候检查数据库以获取其内容。但我想使用列表 lu 和 li 输出所有内容。

那么有没有人知道任何教程或我可以用来在 play.com 上获得类似东西的东西？ play.com 或多或少与我想要的完全匹配。

感谢您的帮助。

【问题讨论】：

【解决方案1】：

您可以将 jQuery 与幻灯片插件结合使用。你不必自己做太多事情。可以在这里找到满足您需求的插件： http://slidesjs.com

您还可以在 Google 上搜索“jquery 幻灯片”。这应该会返回很多带有插件的页面。

【讨论】：

【解决方案2】：

我使用http://jquery.malsup.com/cycle/，因为它有一个非常基本的淡入淡出，但如果需要还有很多不同的动画。

【讨论】：

【解决方案3】：

除非您有充分的理由，否则您无需自己创建滑块，已经有很多选项（并经过测试）。

我经常用这两个：

【讨论】：

【解决方案4】：

这是一个非常简单的循环，它遍历放置在 <div class="slideshow"> 包装器内的任意数量的 <img> 元素，并且它只使用几行 jQuery 和 css...

希望这对其他人有帮助

【讨论】：