我已经设法找出使用循环插件WITH auto advance
创建寻呼机库的人$(function () {
$('#s4').before('<div id="nav" class="nav">').cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000,
pager: '#nav',
before: function () {
if (window.console)
console.log(this.src);
}
});
});
然而,这会消除用户的某些控制,因此添加像这样的播放/暂停按钮(最好是一个按钮)会很棒 play pause buttons here
答案 0 :(得分:1)
试试这个:
var slides = $('#s4').before('<div id="nav" class="nav"><button id="play_pause" class="pause">Pause</button></nav>')
.cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000,
pager: '#nav',
before: function() { if (window.console) console.log(this.src); }
});
$('#pauseButton').click(function() {
var obj = $(this);
if (obj.hasClass('pause')) {
obj.removeClass('pause').addClass('play').text('Play');
slides.cycle('pause');
} else if (obj.hasClass('play')) {
obj.removeClass('play').addClass('pause').text('Pause');
slides.cycle('resume');
}
});