我将 sequence.js 与 Ben Alman 的 hashChange 插件一起使用。
它工作正常,但由于某种原因,它让我的导航按钮消失了。
我正在使用 jQuery v1.9.1,还有这个插件:-Mouseover/ Click sound effect- by JavaScript Kit
Sequence.js 的设置:
$(document).ready(function(){
var options = {
autoPlay: false,
nextButton: true,
prevButton: true,
preloader: true,
cycle: false,
navigationSkip: false,
showPrevButtonOnInit: false,
fallback:{
theme: "slide",
speed: 500
},
startingFrameID: 1,
hashTags: false
};
var sequence = $("#sequence").sequence(options).data("sequence");});
如果有上一张或下一张幻灯片,我使用此代码仅显示上一张和下一张按钮:
$(document).ready(function() {
var count = 1;
$('.sequence-next').click(function(){
if(count == $('ul.sequence-canvas li').length - 1){
$('.sequence-next').css('display','none');
}
$('img.sequence-prev').css('display','inline');
if(count < $('ul.sequence-canvas li').length){
count++;
}
});
$('.sequence-prev').click(function(){
$('.sequence-next').css('display','inline')
if(count > 1){
count--;
}
if(count == 1){
$('img.sequence-prev').css('display','none');
}
}); });