bxslider Demo: Newsbox

Responsive Slider als Newsbox-Slider. Hier nicht als LI-Punkte sondern als DIVs mit Inhalt

Dies ist nur eine Überschrift

Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text

Buttontext

Dies ist Slide 2

Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text

Buttontext

Dies ist Slide 3

Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text

Buttontext

Dies ist Slide 4

Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text Dies ist nur ein ganz normaler Text

Buttontext 
  $('.bxslider').bxSlider({
    minSlides: 2,
    maxSlides: 2,
    slideWidth: 500,
    slideMargin:20,
    moveSlides: 1 // Schrittweite
  });

Vorteile:

  • Kleiner als Flickity, JS 19kb CSS praktisch nichts
  • Klappt prima

Nachteile:

  • Skaliert responsive nicht!!!
  • PREV und NEXT sind 1 Grafik und kein SVG

Fazit:

Quellen: