L
L
Lolut2018-01-28 19:21:20
css
Lolut, 2018-01-28 19:21:20

How to make the same text slider or how to organize it correctly?

So that there are 6 blocks with text and a picture and a button like this example, you can give an example or where to start, then I have a complete dead end.

5a6df7798d1c5341385663.png

Answer the question

In order to leave comments, you need to log in

1 answer(s)
S
Shadowman69, 2018-01-28
@Shadowman69

I think the Slick Slider plugin will do the job just fine, it's simple. Look here )))
The structure will be something like this:

<div class="container">
            <div class="slider">
                <div class="slider_item">
                    Здесь Ваша разметка
                </div>
                <div class="slider_item">
                    Здесь Ваша разметка
                </div>
                <div class="slider_item">
                    Здесь Ваша разметка
                </div>
            </div>
        </div>

Java script will look something like this:
$(document).ready(function() {
    $('.slider').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true,
        dots: true
    });
});

Please note that this plugin is based on jQuery, so include it first. circle switches can be customized.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question