一个极其轻量的
轮播图
幻灯片创建框架，助你摆脱 PowerPoint 令人作呕的动画控制！
什么是 Slideshow.js
浏览器兼容
- IE
6+10+ - Chrome 23+
- Firefox 21+
- Safari 6+
初始化
使用 Slideshow.init( String:className )
来初始化一个幻灯片。
基本用法
- 播放下一帧：
Slideshow.next() - 播放上一帧：
Slideshow.prev() - 转到指定帧：
Slideshow.jumpTo() - 也可以注册一个事件监听：
Slideshow.addListener( Function: fn ) - 或者移除所有的监听：
Slideshow.removeListener()
动画控制
- 当动画帧被激活时，对应元素会被添加上
show的 class，最顶层的元素只有在 所有子项播放完成后 ，这个 class 才会被移除。 - 被播放过的动画会被加上
playedclass，最顶层的元素只有在 所有子项播放完成后 ，这个 class 才会被加上。 - 所以可以使用 CSS3 Animation 来添加动画。
特效
Animate.css
特效
特效
特效
特效
特效
特效
特效
duang~
duang~
duang~
duang~
duang~
duang~
duang~
duang~
Q&A
-
Q: 为什么我只能创建一个幻灯片？
A: 为什么你想要同时播放多个幻灯片？
-
Q: 我 init 了以后怎么什么都没有发生？
A: 没写样式。
-
Q: 为什么要自己写动画？我不会！
A: 出门左转 reveal.js。
-
Q: 这是什么狗屎插件！开发者吃翔！
A: ...
