Autohide fullscreen button ?

s.collet's Avatar

s.collet

30 Oct, 2012 11:18 AM

Hi,
Is there an option to enable autohide fullscreen button like navigation ?
Thank's
Seb

  1. Support Staff 1 Posted by Dmitry Semenov on 30 Oct, 2012 12:37 PM

    Dmitry Semenov's Avatar

    Hi,

    JS:

    var slider = $('.royalSlider'),
        btn =  slider.find('.rsFullscreenBtn').addClass('rsHidden');
    slider.hover(function() {
        btn.removeClass('rsHidden');
    }, function() {
        btn.addClass('rsHidden');
    });
    

    In royalslider.css around line 50 add rsFullscreenBtn selector:

    .rsArrow,
    .rsNav,
    .rsThumbsArrow,
    .rsFullscreenBtn {
        opacity: 1;
        -webkit-transition:opacity 0.3s linear;
        -moz-transition:opacity 0.3s linear;
        -o-transition:opacity 0.3s linear;
        transition:opacity 0.3s linear;
    }
    

    Dmitry

  2. 2 Posted by s.collet on 30 Oct, 2012 12:50 PM

    s.collet's Avatar

    Ohh great !
    Thank'you very much for jour job, really great script !
    I am happy to have purchased

    Seb

  3. Dmitry Semenov closed this discussion on 30 Oct, 2012 01:48 PM.

Comments are currently closed for this discussion. You can start a new one.

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