简体繁体 English

javascript图像幻灯片（jQuery或YUI）

[英]javascript image slideshow (jquery or YUI)

原文 2010-02-11 14:20:56 3 4 javascript/ jquery/ yui/ slideshow

I am looking for a javascript based image slideshow solution. 我正在寻找基于JavaScript的图像幻灯片解决方案。 Requirements I received: 我收到的要求：

A few images are added to the slideshow, and it fades one image after another and then starts again from the first image 幻灯片中添加了一些图像，它使一个图像逐渐消失，然后从第一个图像重新开始
There should be a navigation in order to manually go to the next / previous image 应该有一个导航以便手动转到下一个/上一个图像
There should be the option to pause the slideshow and continue again 应该有暂停幻灯片放映并再次继续的选项

Can the jquery cycle plugin handle these? jQuery Cycle插件可以处理这些吗？ Are there any alternatives for the YUI 2 framework? YUI 2框架有其他选择吗？

4 个解决方案

Jquery Cycle plugin can definiately handle this. jQuery Cycle插件可以明确地处理此问题。 Check out this page of examples for more details. 请查看此示例页面以获取更多详细信息。

For YUI 3: 对于YUI 3：

http://freshcutsd.com/yui-slideshow/ http://freshcutsd.com/yui-slideshow/

-Eric -埃里克

The YUI Carousel component seems like a good fit: YUI轮播组件似乎很合适：

http://developer.yahoo.com/yui/examples/carousel/csl_circular_source.html http://developer.yahoo.com/yui/examples/carousel/csl_circular_source.html

Take a look at the great Lightbox Clones Matrix . 看一看很棒的Lightbox Clones矩阵。 It's mainly based around ones which open in a div above your content, but many offer slideshow capabilities. 它主要基于在内容上方的div中打开的内容，但是许多提供幻灯片显示功能。 Just use the checkboxes in the top right to filter to what you want. 只需使用右上角的复选框过滤所需的内容即可。