fullscreen image support about flux-slider HOT 3 OPEN

Hi, making the slider responsive is something I'd like to do but given the way that the code works its not trivial & will likely take some time.

from flux-slider.

Not perfect, but might work for some:

    <style>
        body, html {
            padding: 0;
            margin: 0;
        }
        #slider {
            -webkit-transform-origin: 0 0;
        }
    </style>

    <script>
        jQuery(function ($) {
            window.f = new flux.slider('#slider', {
                pagination: false,
                autoplay: true
            });
            window.setTimeout(function () {
                var surface = $('#slider .surface');
                var factor = $(window).width() / surface.width();
                $('#slider').css('transform', 'scale(' + factor + ', ' + factor + ')')
            }, 500);
        });
    </script>

from flux-slider.

Not perfect, but might work for some:

    <style>
        body, html {
            padding: 0;
            margin: 0;
        }
        #slider {
            -webkit-transform-origin: 0 0;
        }
    </style>

    <script>
        jQuery(function ($) {
            window.f = new flux.slider('#slider', {
                pagination: false,
                autoplay: true
            });
            window.setTimeout(function () {
                var surface = $('#slider .surface');
                var factor = $(window).width() / surface.width();
                $('#slider').css('transform', 'scale(' + factor + ', ' + factor + ')')
            }, 500);
        });
    </script>

hellow,i also meeted this question,i try to use it but no work, i hope writer can support fullscreen

from flux-slider.