Artefacts in fullscreenmode

oliver.krebs's Avatar

oliver.krebs

29 Nov, 2018 04:48 PM

Hi there,

i'm using Royalslider for a few years now. But i want to change my homepage, so that there is a fullscreenmode in die gallery.
As soon as i open the fullscreenmode, i have strange effects.

https://ringwerk.ch/mokumegane_bilder_fullscreen.php

Can anyone help me?

Thanks and best regards, Oli

  1. Support Staff 1 Posted by Dmitry Semenov on 29 Nov, 2018 07:18 PM

    Dmitry Semenov's Avatar

    Hello,

    Your header has z-index on a relative positioned element, which makes it always overlap slider.

    You may either remove z-index, or hide header in fullscreen via js, for example like so:

        var slider = $('.royalSlider').data('royalSlider');
        slider.ev.on('rsEnterFullscreen', function() {
            $('.your-header-class').hide();
        });
        slider.ev.on('rsExitFullscreen', function() {
            $('.your-header-class').show();
        });
    

    (replace your-header-class, code should be added after slider initialization)

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • Fullscreen.jpg 126 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