2016-08-08 6 views
0

Ich verwende Cycle Slider Carousel (http://jquery.malsup.com/cycle2/demo/carousel.php), und je nach Bildschirmgröße müsste ich von 5 auf 3 und dann 1 Folie (die Karussell-sichtbare Option) ändern.Ist es möglich, nach dem Start Elemente aus dem Zyklusregler zu ändern?

Ich weiß, wie man die Breite der Seite beobachtet, um eine Funktion auszulösen, wenn sie einen Schwellenwert unterschreitet, aber welche Funktion könnte ich aufrufen, um die Anzahl der gezeigten Dias zu ändern?

Antwort

0
$(window).resize(function() { 
    onResize(); 
}); 
$(window).load(function() { 
    onResize(); 
}); 
function onResize() { 
    if ($('body').outerWidth() < 640) { 
     $('.slideshow').attr({'data-cycle-carousel-visible': 'number of element you want to show'}); 
    } else { 
     if ($('body').outerWidth() > 640 && $('body').outerWidth() < 1024) { 
       $('.slideshow').attr({'data-cycle-carousel-visible': 'number of element you want to show'}); 
     } else { 
       $('.slideshow').attr({'data-cycle-carousel-visible': 'number of element you want to show'}); 
     } 
    } 
} 

Enjoy :)

+0

Ändern Sie das Attribut nach der init durch nicht ging nicht funktioniert. Wenn es nur so einfach wäre – Fredy31

Verwandte Themen