Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. Bug Reports
  3. Fullscreen Slider trouble...

Fullscreen Slider trouble...

Scheduled Pinned Locked Moved Bug Reports
7 Posts 2 Posters 883 Views
  • 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.
  • O Offline
    O Offline
    ooblik
    wrote on last edited by ooblik
    #1

    Hello!

    I use the Fullscreen Slider Addon to show pictures of our work, I use a Row Image Background with the Browser Height for Heigth option to "full" the page, but I don't figure ow to "remove" the bottom grey (see on the picture)...and my image is NOT at 100%, event if I make the option in the Fullscreen Slider at 100%.

    How can I fix this ?

    I saw on this (excellent!) site : http://rothsimon.de/art-demo-day-cologne/
    that we can add a text "info", is it possible to mix with the Fullscreen Slider ?

    Thank's for your help!

    my site : http://printby.ooblik.com/poursuite/

    image full slideshow.png

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      Hey!

      You need to set "frame top" and "frame bottom" to 0 like here:
      http://laytheme.com/documentation.html#use-browser-height-for-row-height

      Yes he just added an "info" textbutton in the gridder like you would normally do.
      Then he used javascript to make it scroll down when you click on the button. Like here:
      http://laythemeforum.com:4567/topic/654/fullscreen-slider-scroll-to-bottom-button/6

      1 Reply Last reply
      0
      • O Offline
        O Offline
        ooblik
        wrote on last edited by
        #3

        so simple...so nice and so THANK's ! I realy LIKE your theme...have a nice day!

        1 Reply Last reply
        1
        • O Offline
          O Offline
          ooblik
          wrote on last edited by
          #4

          I'm sorry, but I don't understand how to fixe the "textbutton" correctly...

          here I try : http://printby.ooblik.com/rue-des-panoyaux-2

          I add the code like you say in the custom head content"

          <script>
          jQuery(document).on("click", ".go-3rd", function(event) {
          jQuery.fn.fullpage.moveTo(5);
          });
          </script>

          and add the class "go-3rd" to the +INFO textbutton (by the way as I want to point to the 5° slide I modify your code and change "3" with "5"...), but no effect and no going down to this 5° slide.

          Where am I wrong?

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #5

            ah u are using the vertical option.

            so then it is:

            <script>
            jQuery(document).on("click", ".go-3rd", function(event) {
            jQuery.fn.fullpage.moveTo(0,5);
            });
            </script>
            

            docs: https://github.com/alvarotrigo/fullPage.js#movetosection-slide

            1 Reply Last reply
            0
            • O Offline
              O Offline
              ooblik
              wrote on last edited by
              #6

              thank's! but nothing change...
              I think I'm wrong to the "class" .go-3rd on the text...

              here is what I do :
              use "as a button".png
              and add the class :
              text with class go-3rd.png

              what did I forget ?

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                ahw.

                try:

                <script>
                jQuery(document).on("click", ".go-3rd", function(event) {
                event.stopPropagation();
                jQuery.fn.fullpage.moveTo(0,3);
                });
                </script>
                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                💿 Email me here: 💿
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. 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:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                M
                michaelmaeder
                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