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:4567/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:4567/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
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it