我想为我的网站制作一种重复的幻灯片横幅,但我需要一些关于如何做到这一点的帮助。我想要的最好的例子是在 play.com 网站上,他们有一个横幅,其中包含 5 张不同的幻灯片,网站在 X 时间后在它们之间滚动,但用户也可以单击横幅底部的编号按钮之一跳过。
我正在考虑使用HTML,CSS,JavaScript,AJAX和PHP来做到这一点。我设置了一个 Ajax 脚本,已经链接到一个 php 页面,该页面会在某个时候检查数据库以获取其内容。但是我想使用列表 lu 和 li 输出所有内容。
那么有谁知道我可以用来在 play.com 上获得类似东西的任何教程或东西? play.com 或多或少与我想要的完全匹配。
感谢您的帮助。
您可以将 jQuery 与幻灯片插件结合使用。你不必自己做太多事情。可以在此处找到一个可以执行所需操作的插件:http://slidesjs.com
你也可以在谷歌上搜索"jquery幻灯片"。这应该返回很多带有插件的页面。
我使用 http://jquery.malsup.com/cycle/因为它有一个非常基本的淡入淡出,但如果需要,还有许多不同的动画。
除非您有充分的理由,否则您无需自己创建滑块,已经制作(并测试了)大量选项。
我经常使用这两个:
http://nivo.dev7studios.com/demos/
http://jquerytools.org/demos/scrollable/index.html
这是一个非常简单的,它循环访问放置在<div class="slideshow">
包装器中的任意数量的<img>
元素,并且它只使用几行jQuery和css...
http://jsfiddle.net/DaveAlger/eNxuJ/1/
希望这对其他人有所帮助