2013-11-28 3 views
7

Ich habe zwei Tasten: #btn1 und #btn2; und ich möchte, dass sie beim Anklicken hin und her gehen. Also muss zur vorherigen Folie gehen und wenn ich auf #btn2 klicke geht es zur nächsten Folie.Fullpage.js: Nächste und vorherige Tasten

Ich verwende fullPage.js für Dias.

In der Dokumentation sagt, dass ich diesen

$.fn.fullpage.moveSlideUp(); 
$.fn.fullpage.moveSlideDown(); 

mit Javascript Aber ich bin Amateur verwenden. Kannst du mir helfen?

+0

Aktualisierte Antwort. – Alvaro

Antwort

18

einfach hinzufügen:

$('#button1Id').click(function(){ 
    $.fn.fullpage.moveSectionDown(); 
}); 


$('#button2Id').click(function(){ 
    $.fn.fullpage.moveSectionUp(); 
}); 

Und besser auch die Option fixedElements im Fall zu verwenden.

$.fn.fullpage({ 
    fixedElements: '#button1Id, #button2Id' 
}); 


UPDATE


Wenn Sie fullpage.js 2.X dann brauchen Sie nicht zu verwenden, um die Option fixedElements verwenden. Wenn Sie nur einen Wrapper für das Plug-in verwenden und die fixierten Elemente außerhalb des Wrappers platzieren, funktioniert das problemlos, wenn Sie das fest positionierte Styling in Ihrem CSS hinzufügen.

Example online

+1

Danke Kumpel, es funktioniert super :) – user3046428

+1

Sie sollten die Antwort akzeptieren, wenn es Ihr Problem gelöst hat. Mit dem Tick. – Alvaro

+0

Danke !! Funktioniert super! :) – joryl