`

jquery cycle plugin

    博客分类:
  • Ajax
阅读更多


‹‹ home
jQuery Cycle Plugin

Download the Cycle Plugin

Cycle Chatter (@malsup )

Overview

The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the  InnerFade Plugin   by Torsten Baldes, the  Slideshow Plugin by Matt Oakes, and the  jqShuffle Plugin   by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the  Metadata Plugin   and the  Easing Plugin .

How it Works

The plugin provides a method called  cycle   which is invoked on a container element. Each child element of the container becomes a "slide". Options control how and when the slides are transitioned.

Demos

shuffle

zoom

fade

turnDown

curtainX

scrollRight (click)

Images are used in these demos because they look cool, but slideshows are not limited to images. You can use any element you want.

Browse Effects

Use the  Effects Browser   page to preview the available effects.

See More Demos and Examples

Options

The Cycle Plugin provides many options for customizing your slideshow. The default option values can be overridden by passing an option object to the  cycle   method, by using metadata on the container element, or by redefining the values in your own code.

For more about options, see the  Options Reference   page.

But Why?

Why another slideshow implementation? I wanted support for a few extra features like pause-on-hover, auto-fit, stopping the slideshow, and using the Metadata Plugin. And once I saw Benjamin Sterling's  jqShuffle Plugin   I really wanted to add that effect to. Many thanks to Ben for letting me do so!!

分享到:
评论

相关推荐

    JQuery Cycle Plugin

    **jQuery Cycle Plugin** 是一个广泛使用的JavaScript库,专门用于创建动态和交互式的图像滑块、轮播和幻灯片效果。这个插件充分利用了jQuery的简洁API和强大的DOM操作功能,使得开发者能够轻松地在网站上实现各种...

    主页图片动态切换效果实例

    本实例聚焦于“主页图片动态切换效果”,利用了JavaScript库jQuery中的一个插件——jQuery Cycle Plugin,来实现这种效果。jQuery Cycle Plugin是一个功能强大的滑块插件,能够轻松创建各种各样的图片轮播和幻灯片...

    jquery 50个案例

    JQuery Cycle Plugin 提供了多种图片切换和过渡效果,如淡入淡出、滑动、翻转等,适用于创建动态的图片展示或幻灯片效果。 4. **表单Check样式 (25 -2 表单Check样式.htm)** 这个案例展示了如何使用jQuery改进...

    jquery 图片轮换插件

    市面上有许多成熟的jQuery图片轮换插件可供选择,如jQuery Cycle Plugin、Slick、FlexSlider等。它们都提供了详细的文档和示例,帮助开发者快速集成到项目中。 1. **jQuery Cycle Plugin** 是一款经典的轮播插件,...

    Jquery常用菜单,验证,图片效果等各种插件大全

    5. **图片效果**:`15-图片过渡效果 JQuery Cycle Plugin.htm`可能是关于JQuery Cycle Plugin的文档,该插件提供了幻灯片和过渡效果,可用于创建引人注目的图像滑块。 6. **拖拽功能**:`37 - Sortables demo 拖拽...

    jquery-1.9.1(js和min.js下载)

    5. 插件生态:jQuery拥有丰富的插件生态系统,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Cycle Plugin等,极大地扩展了其功能。 五、使用jQuery的注意事项 1. 引入方式:可以通过CDN(内容...

    JQuery 经典 demo

    JQuery Cycle Plugin 是一个强大的轮播插件,能实现图片自动切换、淡入淡出等多种过渡效果。它允许自定义速度、方向、过渡类型等参数,适用于创建引人注目的图像展示。 4. **25 -2 表单Check样式.htm** 这个示例...

    jquery离线手册

    jQuery拥有丰富的插件生态系统,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Cycle Plugin,以及用于数据表格的DataTables等。这些插件扩展了jQuery的功能,满足更多特定需求。 总结,jQuery...

    jQuery_1.4中文文档 jQuery基础教程 JQuery中文入门指南

    jQuery拥有丰富的插件生态系统,如用于表单验证的jQuery Validation Plugin,实现轮播图的jQuery Cycle Plugin,以及增强表单元素功能的jQuery UI等。 八、兼容性 jQuery 1.4版本对各种浏览器有很好的兼容性,包括...

    JQuery类库下载

    6. **插件生态**:JQuery拥有丰富的插件生态系统,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Cycle Plugin等。这些插件极大地扩展了JQuery的功能,满足各种项目需求。 7. **版本1.4.2的特点...

    JQuery-API手册.zip

    jQuery生态系统中有大量插件,如用于表单验证的jQuery Validation Plugin,实现轮播图的jQuery Cycle Plugin,以及用于图表展示的jQuery Flot等。这些插件扩展了jQuery的功能,满足更多场景需求。 通过学习和掌握...

    jquery中文文档

    7. **插件生态**:jQuery拥有丰富的插件生态系统,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Cycle Plugin等,它们扩展了jQuery的功能,覆盖了各种常见的Web交互需求。 通过这个"jQuery中文...

    jQuery焦点图 图片轮换

    7. **插件开发**:jQuery社区提供了许多预封装的焦点图插件,如jQuery Cycle Plugin、Sudo Slider等。这些插件已经实现了基本的功能,只需简单配置即可使用,节省了开发时间。 8. **SEO优化**:对于搜索引擎优化...

    jQuery 1.7 中文 API

    jQuery 1.7支持丰富的第三方插件,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Cycle Plugin等,极大地扩展了其功能。 在使用jQuery 1.7中文API时,开发者可以参考中文文档,更好地理解和...

    jQuery文字切换动画效果.zip

    虽然在描述中没有明确提及插件,但开发者可能已经将某个现有的jQuery插件集成到项目中,比如`jQuery Cycle Plugin`或者`jQuery TextSlide`等,这些插件专门用于创建文字轮播效果,只需要简单的配置就能快速实现功能...

    50多个强大的jQuery插件应用实例.doc

    `jQuery Cycle Plugin`集成了多种过渡效果,适用于图片轮播。 7. **奇幻的jQuery效果**:例如`Riding carousels with jQuery`可以创建水平或垂直滚动列表,为网站增添动态感。 8. **颜色选择器**:`Farbtastic`和`...

    JQUERY实现的图片展示效果

    在实际开发中,我们可能会选择现有的jQuery插件,如`jQuery Cycle Plugin`、`Slick Slider`或`Bootstrap Carousel`等,它们提供了丰富的选项和自定义设置,可以快速实现各种复杂的图片切换效果。在使用这些插件时,...

    jQuery在线手册

    jQuery还提供了丰富的插件生态系统,如用于表单验证的jQuery Validation Plugin,用于图片轮播的jQuery Cycle Plugin等。这些插件极大地扩展了jQuery的功能,满足了不同项目的需求。 在《jQuery中文手册》中,你将...

    jquery 图片幻灯片播放多个组件

    1. **jQuery Cycle Plugin**:这是一个非常成熟的幻灯片插件,提供了多种过渡效果,如淡入淡出、滑动等。它支持自定义导航按钮和自动播放,可以轻松地整合到网页中。 2. **Slick Slider**:Slick 是一款响应式的...

    jQuery-轮换

    除了手动编写轮换逻辑,还可以使用预构建的jQuery轮换插件,如jQuery Cycle Plugin,它提供了丰富的选项和过渡效果,使得实现复杂的轮换变得更加容易。 总的来说,jQuery轮换是网页动态效果的重要组成部分,通过...

Global site tag (gtag.js) - Google Analytics