Custom Previous/Next-Buttons for Fullscreen Slider Addon
-
Hey,
I implemented the horizontal Fullscreen Slider for my home page and wanted to add arrow buttons additional to the circle navigation.
I followed these instructions:
http://laythemeforum.com/topic/814/fullscreen-slider-troublebut I am using
moveSlideLeft() moveSlideRight()as mentioned here: https://github.com/alvarotrigo/fullPage.js#moveslideright
The following works fine:
<script> jQuery(document).on("click", ".stratGoleft", function(event) { event.stopPropagation(); jQuery.fn.fullpage.moveSlideLeft(); }); </script> <script> jQuery(document).on("click", ".stratGoright", function(event) { event.stopPropagation(); jQuery.fn.fullpage.moveSlideRight(); }); </script>Additionally I want to go to the last slide when I press the left arrow on the first slide and vice versa. However the following code is not working, regardless of the number I put into moveTo():
<script> jQuery(document).on("click", ".stratGoright-last", function(event) { event.stopPropagation(); jQuery.fn.fullpage.moveTo(1); }); </script>Does anyone have an idea what might be wrong?
-
Apparently I figured it out myself with a little help of this thread:
http://laythemeforum.com/topic/2943/fullscreen-slider-moveto-function-no-longer-works
So I have a total of 11 slides. When I am on the first slide and I want to go left to the last slide I use
moveTo(1, 10)When I am on the last slide and I want to go right to the first slide I use
moveTo(1, 0) -
Dear @lars
ah great!
Thank you for sharing!Best!
Marius