カスタムページネーションでSlideJSを使用しているimは、スライドショーへのjquery呼び出しです
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
これは疲れた
$(".next").mouseover(
function () {
stop();
})
$('#slides').slides{('pause')}; の後 スライドショーを壊して、1ダースのページネーションを追加しました
これを追加して、プレーヤーを停止させることができましたが、再生部分がわかりませんでした。何か案が?
$('#stop').mouseenter(function(){ clearInterval( $('#slides').data('interval'));
});
$('#stop').mouseleave(function(){ playInterval ( $('#slides').data('interval', playInterval));
});