基于jQuery的幻灯片轮播插件Slippry个人非常喜欢，主要是在制作响应式模板时可以适应不同宽度的移动设备，而且整个幻灯片可以等待按比例缩放，无需额外的 CSS 设置！
HTML结构： 此幻灯片的基本 HTML 结构使用无序列表结构。 初始化插件： 页面DOM元素加载后，可以通过slippry()方法初始化幻灯片插件。 配置参数： Slippry Slideshow 插件的元素和包装容器类： Slippry 幻灯片插件可用的配置参数为： Slippry幻灯片插件控制相关参数： Slippry幻灯片插件转场动画相关参数： Slippry幻灯片插件幻灯片相关参数： 默认值： 默认值： 默认值：
jQuery(文档).ready(function(){
jQuery('选择器').slippry()
}); 参数 默认值 可用值 描述 slippryWrapper 整个幻灯片的包装容器（包括分页） '' 任何有效HTML 元素，建议使用 或 slideWrapper 幻灯片和控制按钮的包装元素 '' 建议使用任何有效的 HTML 元素 使用 或 slideCrop 幻灯片的换行元素 '' 任何有效的 HTML 元素，建议使用 或 元素 boxClass 原始幻灯片父元素的类名称（例如 'sy-list' 任何 CSS 中的有效字符串 elements 幻灯片元素 ' li' 任何有效的 HTML 元素，建议使用 、activeClass class of当前活动（可见）的幻灯片 'sy-active' 任意 CSS 中的有效字符串 fillerClass 占位符元素的类 'sy-filler' 任意 CSS 中的有效字符串 loadingClass 开始在幻灯片中加载 类 'sy-loading' 是否已添加到“slippry_wrapper”中。任何 CSS 中的有效字符串 pagerClass 添加到滑块容器的类 pagerClass 添加到滑块容器的类 'sy-pager' CSS 中的任何有效字符串 参数 默认值 可用值 描述 adaptiveHeight 幻灯片高度是否根据当前幻灯片变化 true 真，假 start 要显示的第一张幻灯片 1 整数（1=第一张幻灯片），随机 loop 幻灯片是否循环显示 true true，false CaptionsSrc 指定标题来源。如果是图片，标题就是 title或alt中的内容。对于其他元素，使用 title 作为标题'img' 'img' 或任何元素 captions 指定标题的位置或根本不指定标题 'overlay' 'overlay', 'below', 'custom', false captionsEl 元素，注意可以在 .slippry_box之外'.sy- caption'任意 jQuery 选择器 initSingle 只有一张幻灯片时是否也初始化 true true, false 响应式 是否打开响应式显示幻灯片之前幻灯片的效果 true true, false 预加载 预加载元素 '可见' '可见','全部' 寻呼机 幻灯片是否添加分页导航 true true,false 参数 默认值 可用值 说明 控件 是否打开幻灯片前后导航按钮 true 真，假 controlClass 控制按钮容器的类 'sy-controls' CSS 中有效的任何字符串 prevClass 前进控制按钮的类名称 'sy -prev CSS 中有效字符串中的任何字符串 prevText 前进按钮的文本 '上一个' 任何文本字符串 nextClass 下一个控件的类名称按钮 'sy -next' CSS 中有效的任何字符串 nextText 后退按钮文本 'Next' 任何文本字符串 hideOnEnd 当到达前方时或者隐藏末尾的前进或后退按钮 true true,false 参数 默认值 可用值 描述 transition 过渡动画类型 'fade' 'fade', “水平”、“垂直”、 'kenburns', false kenZoom Ken Burns 效果的最大缩放级别 120 任何百分比值 slideMargin 两张幻灯片之间的间隙 0 百分比值 跨类 类 'transition' 在过渡动画期间附加到幻灯片元素 speed 过渡动画的持续时间 800 以毫秒为单位的任何值 speed 速度easing 所选转场动画的缓动效果 '摇摆' 任何可用的缓动效果，可以参考这里 连续 幻灯片是否连续（第一张图）以及最后一张图片是否对图片之间的过渡进行动画处理） true true,false useCSS 幻灯片是否使用CSS过渡动画。如果用户的浏览器不支持CSS动画，则会回退为jQuery过渡动画 true true,false 参数 默认值 可用值 描述 auto 幻灯片加载后是否自动播放 true true, false 自动方向 自动播放模式下幻灯片的移动方向 '下一个' '下一个','上一个' autoHover 鼠标滑过时幻灯片是否暂停 true true, false autohoverdelay deLay时间是在鼠标滚动以毫秒的slide 100 Autodelay的slide 100 pludly plulde lide deleay的时间之后恢复自动播放模式的时间毫秒 暂停 幻灯片的持续时间 3000 任何值，以毫秒为单位 回调函数
onSliderLoad：幻灯片加载后触发。 函数（索引）{ 返回这个;}onSlideBefore ：过渡动画开始时的回调函数。 函数（幻灯片，old_index，new_index）{ 返回这个;}onSlideAfter：过渡动画结束后的回调函数。 函数（幻灯片，old_index，new_index）{ 返回这个;}公共方法
getCurrentSlide：返回当前滑动 jQuery 对象。 getSlideCount：返回幻灯片数量。 goToSlide：跳转到指定幻灯片。 goToNextSlide：跳转到下一张幻灯片。 goToPrevSlide：跳转到上一张幻灯片。 startAuto：自动开始幻灯片放映。 stopAuto：停止自动幻灯片播放。 刷新：重新初始化已经初始化的幻灯片。 destroySlider：销毁Slippry幻灯片并将其重置为原始标签。 reloadSlider：销毁Slippry幻灯片并重新初始化它。
