JSFiddle - React, Tailwind, and code Playground

by Julien Vernet

JavaScript

var defaults = {
    animation: 'slide',
    directionNav: false,
    controlNav: false,
    keyboardNav: false,
    slideshowSpeed: 3000
}

jQuery('#slider01').flexslider({
    animation: 'slide',
    directionNav: false,
    controlNav: false,
    keyboardNav: false,
    slideshowSpeed: 3000,
    direction: "horizontal",
    after: function (slider) {
        jQuery('#slider04').flexslider("play");
        slider.pause();
    }
});
jQuery('#slider04').flexslider({
    animation: 'slide',
    directionNav: false,
    controlNav: false,
    keyboardNav: false,
    slideshowSpeed: 3000,
    direction: "vertical",
    start: function (slider) {
        slider.pause();
    },
    after: function (slider) {
        jQuery('#slider02').flexslider("play");
        slider.pause();
    }
});
jQuery('#slider02').flexslider({
    animation: 'slide',
    directionNav: false,
    controlNav: false,
    keyboardNav: false,
    slideshowSpeed: 3000,
    direction: "vertical",
    start: function (slider) {
        slider.pause();
    },
    after: function (slider) {
        jQuery('#slider03').flexslider("play");
        slider.pause();
    }
});
jQuery('#slider03').flexslider({
    animation: 'slide',
    directionNav: false,
    controlNav: false,
    keyboardNav: false,
    slideshowSpeed: 3000,
    direction: "horizontal",
    start: function (slider) {
        slider.pause();
    },
    after: function (slider) {
        jQuery('#slider05').flexslider("play");
        slider.pause();
    }
});
jQuery('#slider05').flexslider({
    animation: 'slide',
    directionNav: false,
    controlNav: false,
    keyboardNav: false,
    slideshowSpeed: 3000,
    direction: "vertical",
    start: function (slider) {
        slider.pause();
    },
    after: function (slider) {
        jQuery('#slider01').flexslider("play");
        slider.pause();
    }
});