Swiper中文论坛

标题: 如何使用onSlideChangeStart添加音频 [打印本页]

作者: 经此而已 时间: 2018-8-15 16:47
标题: 如何使用onSlideChangeStart添加音频
如何使用onSlideChangeStart给每一页滑动页面添加音频，每一次滑动页面就播放不同的音频；希望各位大神给点建议，谢谢！

作者: loveagle 时间: 2018-8-22 11:03
首页你要准备好一些音频，如 0.mp3 --9.mp3
var mySwiper = new Swiper('.swiper-container', {
// swiper初始化完成时
onSwiperCreated: function(swiper){
      //创建一个AUDIO置于body中
      var audio
      $('<audio id="audio"></audio').appentTo("body");
},
onSlideChangeStart: function(swiper){
      $("#audio").attr("src", swiper.activeIndex+".mp3");
      document.getElementById('audio').play();
}
});

作者: qiaoxia 时间: 2018-10-24 15:29
这个很强大啊

作者: aqws111 时间: 2019-3-26 14:19
用不鸟哦

作者: aqws111 时间: 2019-3-26 18:21
swiper4 用不鸟哦

作者: lesliehuang 时间: 2019-12-9 19:09
我这个是在三个swiper-slide中其中一个写的div，每次轮重庆欢乐生肖播到这个swiper-slide的时候用定时器scrollTop++滚动。当设置自动轮播正向滚动的时候把这个swiper-slide放开奖网在第三个或者第一个每次轮播到它就滚不动了，如果设置逆向轮播滚动放在哪个位置都可以？？这是为啥呢。难道北京pk10正向轮播和逆向轮播刷新机制还不一样吗

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)