JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css">
<script src="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js"></script>
<div id="slider">
    <div class="slider_i">
        <img src="http://img843.imageshack.us/img843/1484/v3km.jpg" height="202" width="500" alt="">
    </div>
    <div class="slider_i">
        <img src="http://img703.imageshack.us/img703/3402/atqf.jpg" height="202" width="500" alt="">
    </div>
    <div class="slider_i">
        <img src="http://img845.imageshack.us/img845/6862/0q07.jpg" height="202" width="500" alt="">
    </div>
    <div class="slider_i">
        <img src="http://img542.imageshack.us/img542/4410/3ni9.jpg" height="202" width="500" alt="">
    </div>
</div>

JavaScript

$('#slider').bxSlider();

// Так работает, но не тот эффект, нужно чтобы слайды листались (
//$('#slider').bxSlider({mode: 'fade'});