Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Custom Previous/Next-Buttons for Fullscreen Slider Addon

Custom Previous/Next-Buttons for Fullscreen Slider Addon

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 357 Views 1 Watching
  • 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
    L
    lars
    wrote on last edited by
    #1

    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-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
    0
    • L
      L
      lars
      wrote on last edited by
      #2

      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)
      
      1 Reply Last reply
      0
      • mariusjopenM
        mariusjopenM
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Dear @lars
        ah great!
        Thank you for sharing!

        Best!
        Marius

        www.mariusjopen.world

        1 Reply Last reply
        0

        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

        With your input, this post could be even better 💗

        Register Login
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        Online Users
        Z
        zachludlow
        A
        Anna_S
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
        laytheme.com
        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Recent
        • Tags
        • Popular
        • Users
        • Search