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

时间:2012-05-10 10:15:54

标签: php javascript html css ajax

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

我正在考虑使用HTML,CSS,JavaScript,AJAX和PHP来做这件事。我已经设置了一个Ajax脚本,该脚本已经链接到一个php页面,该页面将通过数据库检查以获取其内容。但我想用列表lu和li输出所有内容。

所以有人知道我可以使用任何教程或东西来获得类似play.com的东西吗? play.com或多或少与我想要的完全匹配。

感谢您的帮助。

4 个答案:

答案 0 :(得分:2)

您可以将jQuery与幻灯片插件结合使用。你不必自己做很多事情。可以在此处找到执行所需操作的插件: http://slidesjs.com

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

除非你有充分的理由,否则你不需要自己创建滑块,已经有很多选项(并经过测试)。

我经常使用这两个:

http://nivo.dev7studios.com/demos/

http://jquerytools.org/demos/scrollable/index.html

答案 3 :(得分:0)

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


http://jsfiddle.net/DaveAlger/eNxuJ/1/


希望这有助于其他人