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
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it