Lay Theme Forum

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

    Simple text click through on a full screen slider site

    General Discussion
    3
    5
    116
    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.
    • J
      jayrusselldotco last edited by

      Hey!

      I am trying to do a very simple 'menu' on my one project page which is a full screen slider inside a project. You can see here www.jayrussell.co.uk

      I have a false menu where it is just a text element on every page I now want to implement extra text which would allow you to click from the first slider page to other pages in the slider to function as a menu.

      I've done a lot of reading on this but I am a bit out of my depth on getting this to work.

      I just very simply want a text element to be able to skip from one of my pages in the slider to another.

      I tried http://laythemeforum.com:4567/topic/4200/definitive-guide-to-smooth-scroll-to-anchors-from-menu but don't think I was using the anchors correctly.

      Any help or guidance is much appreciated on this.

      Thanks!

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @jayrusselldotco
        you need to use jQuery to change the slide.

        LayTheme uses FullpageJS for this slideshow:
        https://github.com/alvarotrigo/fullPage.js/#fullpagejs

        You need to call the function to switch to the specific slide.

        Here you can see the slide number fp-viewwing-0-9. It needs to change to a different number then.
        0_1574239950292_Bildschirmfoto 2019-11-20 um 09.48.41.png

        Hope that I was able to get you into the right direction.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • J
          jayrusselldotco last edited by

          Thanks so much for the response Marius and I do kind of see where you're coming from.

          I have tried to implement code to skip to anchors by linking them to the ID of the slide. When doing so the links don't seem to do anything.

          I feel like this is incredibly simple, I'm just missing something here.

          How do I command a piece of text on the 1st slide which tells the FullpageJS to go to slide 9 for instance, when doing so with anchor points or the https://github.com/alvarotrigo/fullPage.js#creating-links-to-sections-or-slides

          Nothing happens?

          Thanks for the help!

          J

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Dear @jayrusselldotco
            we will get back to you in a bit about that.

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • arminunruh
              arminunruh Global Moderator last edited by arminunruh

              jQuery.fn.fullpage.moveTo(2);
              

              2 is the slide number

              0_1574870469469_Screenshot 2019-11-27 at 16.54.09.png

              HTML:

              <p class="slideto" data-slideto="2">go to slide 2</p>
              

              0_1574870584507_Screenshot 2019-11-27 at 17.02.34.png

              CSS:

              .slideto{
              cursor: pointer;
              }
              

              JS:

              <script>
              jQuery(document).on("click", ".slideto", function(event) {
              	var slideNum = jQuery(this).attr('data-slideto');
                      jQuery.fn.fullpage.moveTo(slideNum);
              });
              </script>
              

              now when you want a link that goes to slide 3 just use

              <p class="slideto" data-slideto="3">go to slide 3</p>
              
              1 Reply Last reply Reply Quote 0
              • First post
                Last post
              Post a link to where the problem is
              I don't answer or check forum DMs, please just post on the forum.
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

              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

              G
              M
              K
              W

              Recent Topics

              • T

                scroll element transitions mobile

              • L

                HTML

              • M

                Burger menu in desktop and tablet view

              • M

                WPForms Lite not working with new theme update (5.5.5)

              laytheme.com