不使用 Flash 的幻灯片横幅



我想为我的网站制作一种重复的幻灯片横幅,但我需要一些关于如何做到这一点的帮助。我想要的最好的例子是在 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/


希望这对其他人有所帮助

最新更新