Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Custom Previous/Next-Buttons for Fullscreen Slider Addon

    General Discussion
    2
    3
    31
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L
      lars last edited by

      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-trouble

      but 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?

      1 Reply Last reply Reply Quote 0
      • L
        lars last edited by

        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)
        
        1 Reply Last reply Reply Quote 0
        • mariusjopen
          mariusjopen Global Moderator last edited by

          Dear @lars
          ah great!
          Thank you for sharing!

          Best!
          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          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

          Thanks!

          Online Users

          J
          C
          M
          C

          Recent Topics

          • J

            Imagehover addon show mouseover state

          • F

            X-button (close) on category page

          • T

            display resolution of thumbnails in image-hover

          • G

            Designer Websites for free Lay Theme.

          laytheme.com