JavaScript幻灯片内容播放展示

JavaScript幻灯片内容播放展示源码下载

看看谁在用

查看文件目录结构

文件大小:0.01M

素材分类: 插件- 其它前端代码

更新时间:2021-07-22

presenta.js提供了一个强大的和全功能的演示,可以创建响应,移动端触屏,完全可定制的内容演示在web应用程序上。

所有配置参数
var myPresentation = new Presenta('#example', {
    controllers:{
      keyboard: true,
      arrows: true,
      black: true,
      fullscreen: true,
      hidden: true,
      limitswitch: true,
      cache: true,
      autoplay: false,
      loop: false,
      focus: false,
      progressbar: false,
      shuffle: false,
      current: false,
      pagenum: false,
      preload: false,
      sync: false,
      rsync: false,
      baseurl: false,
      fonts: false,
      // 添加一个标志或标题传递一个HTML片段
      brand: '',
      // 添加工具栏按钮
      minitools: {}
    }
    scenes:[...]
})
API方法
var myPresentation = new Presenta('#example', {...})
var router = myPresentation.router

// 去下一个幻灯片
router.next();

// 上一页的幻灯片
router.prev();

// 转到一个特定的幻灯片
router.goto(index);

// 获取当前滑块索引
router.currentIndex();

// 获取滑块数量
router.totalScenes();

// 建立事件
router.on(evt);
router.off(evt)
事件处理
router.on('indexChanged', function(evt){
  
});

router.on('nextIndex', function(evt){
  
});


router.on('prevIndex', function(evt){
  
});


router.on('begin', function(evt){
 
});


router.on('end', function(evt){
 
});


router.on('init', function(evt){
  
});

router.on('stepChanged', function(evt){
  
});

JavaScript幻灯片内容播放展示

正在加载文件目录...

也许你还喜欢

  1. js悬挂式图片画廊切换插件
  2. jQuery幻灯片轮播插件pbTouchSlider
  3. jQuery缩略预览幻灯片插件
  4. jQuery全屏图片幻灯片切换插件
  5. jQuery弹出全屏图片幻灯片插件
  6. jQuery简单的幻灯片插件
  7. jQuery图文幻灯片插件
  8. 3种jQuery和CSS3视差幻灯片插件
HTML5流程图拖拽定义JS插件
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器