我想为我的网站制作一种重复的幻灯片横幅,但我需要一些帮助来解决这个问题。我想要的最好的例子是在play.com网站上,他们有一个横幅,有5个不同的幻灯片,网站在X时间之后在它们之间滚动,但用户也可以点击底部的一个编号按钮要跳过的横幅。
我正在考虑使用HTML,CSS,JavaScript,AJAX和PHP来做这件事。我已经设置了一个Ajax脚本,该脚本已经链接到一个php页面,该页面将通过数据库检查以获取其内容。但我想用列表lu和li输出所有内容。
所以有人知道我可以使用任何教程或东西来获得类似play.com的东西吗? play.com或多或少与我想要的完全匹配。
感谢您的帮助。
答案 0 :(得分:2)
您可以将jQuery与幻灯片插件结合使用。你不必自己做很多事情。可以在此处找到执行所需操作的插件: http://slidesjs.com
您还可以在Google上搜索“jquery幻灯片”。这应该返回大量带有插件的页面。
答案 1 :(得分:0)
我使用http://jquery.malsup.com/cycle/因为它有一个非常基本的淡入淡出,但如果需要还有很多不同的动画。
答案 2 :(得分:0)
答案 3 :(得分:0)
这是一个非常简单的循环遍历<img>
包装内的任意数量的<div class="slideshow">
元素,它只使用几行jQuery和css ......
http://jsfiddle.net/DaveAlger/eNxuJ/1/
希望这有助于其他人