我有一个小幻灯片。它可以与上一个和下一个按钮一起使用。但现在我想制作带有播放和暂停按钮的幻灯片。也许你有个主意?
javascript:
function loadSlide(index){
$('#gallery li').fadeTo(6000, 1.0);
$('#gallery li').hide()
. eq(index).show();
}
$('#gallery').data('index',0).find('li').hide();
loadSlide(0);
$('#next').on('click',function(e){
var index = $('#gallery').data('index'),
numSlides = $('#gallery li').length;
index = (index + 1) % numSlides;
loadSlide(index);
$('#gallery').data('index',index);
e.preventDefault();
});
$('#previous').on('click',function(e){
var index = $('#gallery').data('index'),
numSlides = $('#gallery li').length;
index = (index + numSlides - 1) % numSlides;
loadSlide(index);
$('#gallery').data('index',index);
e.preventDefault();
});
$("#gallery li img").css({
'height':$("#gallery").height()+'px'
});
$("#gallery li").each(function(){
$(this).css({
'margin-left':'+'+parseInt($(this).children("img").width()/2)+'px'
});
});
$("#gallery li img").css({
'height':$("#gallery").height()+'px'
});
$("#gallery li").each(function(){
$(this).css({
'margin-left':'+'+parseInt($(this).children("img").width()/2)+'px'
});
});
}
提前感谢!
答案 0 :(得分:0)
没有测试,但这样的事情应该有效:
$('#start').click( function(){
t = setInterval( function(){ $('#next').trigger('click'), 2000 } );
});
$('#stop').click( function(){
clearInterval(t);
});