Flexslider2 : Infinite Carousel

  • Hallo zusammen. hat irgendwer Erfahrungen mit Flexslider2 ? Ich habe diesen installiert und habe nun das Problem das der Carousel-Modus nicht unendlich durchläuft. Die Lösung habe ich wohl hier http://www.stylo-arts.com/blog/flexslider-infinite-carousel/ gefunden, weiss aber nicht wie und wo anwenden.

    Wer kann mir da bitte weiterhelfen? Mein Scrpt sieht im Moment folgendermassen aus:

    <script>
    / =========================================

    (function() {

    // store the slider in a local variable
    var $window = $(window),
    flexslider = { vars:{} };

    // tiny helper function to add breakpoints
    function getGridSize() {
    return (window.innerWidth < 600) ? 2 :
    (window.innerWidth < 900) ? 3 : 4;
    }

    $(function() {
    SyntaxHighlighter.all();
    });

    $window.load(function() {
    $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: true,
    itemWidth: 210,
    itemMargin: 0,
    minItems: getGridSize(), // use function to pull in initial value
    maxItems: getGridSize() // use function to pull in initial value
    });
    });

    // check grid size on resize event
    $window.resize(function() {
    var gridSize = getGridSize();

    flexslider.vars.minItems = gridSize;
    flexslider.vars.maxItems = gridSize;
    });
    }());

    /* =========================================


    </script>

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!