Custom Layout

vyshadko's Avatar

vyshadko

18 Jul, 2018 07:17 PM

Hi,

Is it possible to have such slider like here, but without large image preview. http://dimsemenov.com/plugins/royal-slider/gallery/

And when you click on small thumbnail the full screen mode should be enabled.

Thank you

  1. Support Staff 1 Posted by Dmitry Semenov on 19 Jul, 2018 04:43 AM

    Dmitry Semenov's Avatar

    Hello,

    There is no option for such layout, you'll need to either:

    • Hide main sliding area via CSS (.rsOverflow), on thumbnails click execute enterFullscreen method
    • Or, use some simple carousel plugin. When its image clicked dynamically create RoyalSlider and stretch it to 100% width/height with position:fixed, there are some 100% width/height JSFiddle examples here http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-str...
  2. 2 Posted by vyshadko on 19 Jul, 2018 12:23 PM

    vyshadko's Avatar

    OK. And last two questions:

    1. I don't see something similar to "onThumbClick" in API docs. Can you provide me an example?

    2. Is it possible to align left thumbnails to left side in non-fullscreen mode and align middle in fullscreen mode?

  3. Support Staff 3 Posted by Dmitry Semenov on 19 Jul, 2018 04:57 PM

    Dmitry Semenov's Avatar

    I don't see something similar to "onThumbClick" in API docs. Can you provide me an example?

    $('.royalSlider').on('click', '.rsNavItem', function(e) {
       if(!$('.royalSlider').data('royalSlider').dragSuccess) {
          console.log('click');
      }
    });
    

    Is it possible to align left thumbnails to left side in non-fullscreen mode and align middle in fullscreen mode?

    This setting can be changed dynamically before any resize or updateSliderSize method.

    $('.royalSlider').data('royalSlider').st.thumbs.autoCenter = false;
    
  4. 4 Posted by vyshadko on 23 Jul, 2018 09:52 AM

    vyshadko's Avatar

    Thank you. You can close the issue.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • slider1.png 380 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac