transitionType 'move' - Using full width images sized to screen width (1920px). How do you remove the gap between blocks?

mark.adams's Avatar

mark.adams

10 Feb, 2020 10:22 AM

Using the move transition. My pictures are have a width of 1920px with a screen width of 1920px. When the move brings in the next picture, you can see a roughly 10 pixel white gap between the images when sliding in the new picture. I have attached a screen shot taken mid transition. Thanks, Mark.

  1. 1 Posted by mark.adams on 10 Feb, 2020 10:24 AM

    mark.adams's Avatar

    Note. I have the CSS set to the image sizes:

    .royalSlider {
    width: 1920px;
    height: 1080px;
    position: relative;
    direction: ltr;
    touch-action: pan-y pinch-zoom;
    }

  2. Support Staff 2 Posted by Dmitry Semenov on 10 Feb, 2020 08:29 PM

    Dmitry Semenov's Avatar

    Hello,

    You may add slidesSpacing: 0 option to remove space between slides, by default it's 8px.

  3. 3 Posted by mark.adams on 10 Feb, 2020 08:40 PM

    mark.adams's Avatar

    Excellent. All working now. Thanks for you help.

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • Support.png 2.22 MB

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