BJQS multiple instances of slider when resizing window

Question

I want to resize bjqs slider when the window resizes..

this is what i've got so far:

<script type="text/javascript">
$(document).ready(function() {

    $(window).resize(function(){
        $('.pagebg').bjqs({
            height      : 347,
            width       : $(window).width(),
            showcontrols : false,
            showmarkers : false,
         });
     });
});
</script>

I've tried to resize it using $(window).resize, but there are multiple instances running

does anyone know how I can resize it and keep only 1 instance running?

AHH! Sorry I confused 2 questions! – Rooster Aug 21 '13 at 14:23 — Rooster, Aug 21 '13 at 14:23

score 0 · Answer 1 · answered Aug 23 '13 at 13:40

0

Without using window resize event you can define you slider with a width option of 100% like:

$(function () {
    $('#dialog').bjqs({
        'showmarkers': false,
            'responsive': true,
            'width': '100 %',
            'automatic': true
    });
});

So it will be automatically responsive without handle its resize.

Demo: http://jsfiddle.net/IrvinDominin/MADrg/

answered Aug 23 '13 at 13:40

Irvin Dominin

30,819
9
77
111

Do you know how to preserve the aspect ratio of the image? – nils Jun 22 '15 at 09:14

BJQS multiple instances of slider when resizing window

1 Answers1